翼度科技»论坛 编程开发 JavaScript 查看内容

JavaScript事件

5

主题

5

帖子

15

积分

新手上路

Rank: 1

积分
15
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
  1. dom.onclick 单击事件
  2. dom.ondblclick 双击事件
  3. dom.onmouseover 当鼠标悬停时(会冒泡)
  4. dom.onmouseout 当鼠标悬停后离开时  (会冒泡)
  5. dom.onmouseenter  当鼠标进入时 (不会冒泡)
  6. dom.onmouseleave 当鼠标离开时 (不会冒泡)
  7. dom.onmousedown 鼠标按下的时候触发的事件
  8. dom.onmouseup 鼠标弹起触发的事件
  9. dom.onmousemove 鼠标移动
  10. dom.onwheel 鼠标滚轮滚动时
复制代码
3. 键盘事件
  1. onkeydown 键盘按键被按下发生的事件
  2. onkeyup 键盘按键被松开发生的事件
  3. onkeypress 键盘按键按下并松开发生的事件 (主键区)
  4. oninput 事件在用户输入时触发
复制代码
4. 与光标的事件
  1. onfocus : 主要应用于文本框, 当获取输入焦点时
  2. onblur: 主要应用于文本框,当失去输入焦点时
  3. onchange: 失去输入焦点时,如果和上一次的值比较有改变就会触发
复制代码
5.表单事件
  1. onsubmit提交按钮被点击
  2. onreset重置按钮被点击
  3. onselect文本内容被选定
  4. onchange用户改变表单元素的内容
  5. oninput在用户输入时触发
复制代码
 
6. 移动端事件 (只适用于移动端)
  1. 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

上一篇: js内置对象

下一篇: JavaScript事件

举报 回复 使用道具