晚莲 发表于 2023-11-18 09:52:22

JavaScript事件

JavaScript事件

键盘事件:keypress键盘事件,keyup抬起,keydown按下
文档:load加载
表单:focus获得焦点,blur失去焦点,submit提交事件,change改变事件
其他:scroll滚动事件,select start选择事件
1. event事件对象常见的属性和方法

e.target返回触发事件的对象 标准e.srcElement返回触发事件的对象 非标准ie6-8使用e.type返回事件的类型,比如:click,mouseover 不带one.returnValue该属性阻止默认事件(默认行为) ie6-8,比如不让链接跳转e.preventDefault()该属性阻止默认事件(默认行为)标准,比如不让链接跳转e.stopPropagation()阻止冒泡 【标准】e.cancelBubble阻止冒泡【ie】2.鼠标事件 (只适用于PC端)

最重要: onclick onmouseenter onmouseleave
次重要: onmousedown onmouseup onmousemove
dom.onclick 单击事件
dom.ondblclick 双击事件
dom.onmouseover 当鼠标悬停时(会冒泡)
dom.onmouseout 当鼠标悬停后离开时(会冒泡)
dom.onmouseenter当鼠标进入时 (不会冒泡)
dom.onmouseleave 当鼠标离开时 (不会冒泡)
dom.onmousedown 鼠标按下的时候触发的事件
dom.onmouseup 鼠标弹起触发的事件
dom.onmousemove 鼠标移动
dom.onwheel 鼠标滚轮滚动时3. 键盘事件

onkeydown 键盘按键被按下发生的事件

onkeyup 键盘按键被松开发生的事件

onkeypress 键盘按键按下并松开发生的事件 (主键区)

oninput 事件在用户输入时触发4. 与光标的事件

onfocus : 主要应用于文本框, 当获取输入焦点时
onblur: 主要应用于文本框,当失去输入焦点时
onchange: 失去输入焦点时,如果和上一次的值比较有改变就会触发 5.表单事件

onsubmit提交按钮被点击
onreset重置按钮被点击
onselect文本内容被选定
onchange用户改变表单元素的内容
oninput在用户输入时触发 
6. 移动端事件 (只适用于移动端)

touchsatrt:当手指触摸屏幕时触发,不管当前有多少只手指<br><br> touchmove:当手指在屏幕上滑动时连续触发,通常我们再滑屏页面,会调用event.preventDefault()<br><br> touchend:当手指离开屏幕时触发 <br><br>touchcancel:系统通知跟踪触摸时候会触发。7.单选框和复选框被选中

复选框是否被选中需要判断复选框中的checked的值 true:选中 false:没选中
all.onclick = function (){      for(var n=0; n
页: [1]
查看完整版本: JavaScript事件