event常用属性和方法

常用属性和方法表

属性或方法	说明
type	事件的类型
srcElement/target	事件源，就是发生事件的元素
cancelBubble	布尔属性。设为 true 的时候，将停止事件进一步起泡到包容层次的元素（Ele.cancelBubble = true;相当于Ele.stopPropagation();）
returnValue	布尔属性。设置为 false 的时候可以阻止浏览器执行默认的事件动作（Ele.returnValue = false;相当于Ele.preventDefault();）
clientX/clientY	事件发生的时候，鼠标相对于浏览器窗口可视文档区域的左上角的位置
offsetX/offsetY	事件发生的时候，鼠标相对于事件源元素左上角的位置
initEvent()	初始化新创建的Event对象的属性

说明：event 对象的所有属性列表可以在浏览器控制台中输出查看

event.type

返回当前触发事件的类型

event.target

事件源。返回触发事件的元素

event.currentTarget

返回事件绑定的元素

event.preventDefault()

阻止浏览器执行默认行为

event.stopPropagation()

阻止事件的捕获或冒泡

event.clientY

clientY 事件属性返回当事件被触发时鼠标指针距浏览器顶部底边的距离，不包括滚动条滚动的部分

event.pageY

pageY 事件属性返回当事件被触发时鼠标指针距浏览器顶部底边的距离，包括滚动条滚动的部分

event.screenY

屏幕顶端到鼠标位置

event.button

值	代表
0	鼠标左键
1	鼠标中键
2	鼠标右键

touchcancel

当系统停止跟踪触摸时触发

event.touches

当前触摸屏幕的触摸点数组

event.changedTouches

数组中只包含引起事件的触摸点信息

event.targetTouches

只包含放在元素上的触摸信息

IE事件独有

event.returnValue = false

阻止默认行为。同 preventDefault

event.cancleBubble = true

取消事件冒泡。同 stopPropagation

srcElement

同 target

event.button

值	代表
0	没有按下按钮
1	按下主鼠标按钮
2	按下次鼠标按钮
3	同时按下主、次鼠标按钮
4	按钮中间鼠标按钮