事件对象常见属性和方法

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

事件对象常见属性和方法

事件对象属性方法	说明
e.target	返回触发事件的对象 标准
e.srcElement	返回触发事件的对象 非标准 ie6-8使用
e.type	返回事件的类型比如click mouseover不带on
e.cancelBubble	该属性阻止冒泡 非标准ie6-8使用
e.returnValue	该属性阻止默认事件（默认行为）非标准ie6-8使用比如不让链接跳转
e.preventDefault()	该方法阻止默认事件（默认行为)标准比如不让链接跳转
e.stopPropagation()	阻止冒泡标准

10.阻止冒泡

• e.stopPropagation( );

e为事件对象

• IE非标准

e.cancelBubble = true;

11.事件委托

原理 ：

不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点.

12.鼠标事件对象

event对象代表事件的状态，跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象MouseEvent和键盘事件对象KeyboardEvent。

鼠标事件对象	说明
e.clientX	返回鼠标相对于浏览器窗口可视区的×坐标
e.clientY	返回鼠标相对于浏览器窗口可视区的Y坐标
e.pagex	返回鼠标相对于文档页面的×坐标IE9+支持
e.pageY	返回鼠标相对于文档页面的Y坐标IE9+支持
e.screenX	返回鼠标相对于电脑屏幕的×坐标
e.screenY	返回鼠标相对于电脑屏幕的Y坐标

13.键盘事件

键盘事件	触发条件
onkeyup	某个键盘按键被松开时触发
onkeydown	某个键盘按键被按下时触发
onkeypress	某个键盘按键被按下时触发，但是它不识别功能键比如ctrl shift箭头等

keydown>keypress

14.键盘事件对象

• e.keycode

返回按下键的ASCII码

• keyup和keydown 不区分字母大小写，keypress区分大小写