|
JavaScript事件
键盘事件:keypress键盘事件,keyup抬起,keydown按下
文档:load加载
表单:focus获得焦点,blur失去焦点,submit提交事件,change改变事件
其他:scroll滚动事件,select start选择事件
1. event事件对象常见的属性和方法
e.target | 返回触发事件的对象 标准 | e.srcElement | 返回触发事件的对象 非标准ie6-8使用 | e.type | 返回事件的类型,比如:click,mouseover 不带on | e.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:没选中
[code]all.onclick = function (){ for(var n=0; n |
|