event对象属性和方法,以及兼容性写法
作者:互联网
event 用法
主流浏览器
1.event.target 点击谁 谁就是target ,事件源
2.event.current 事件绑定在谁身上就指向谁
3.event.type 事件类型(onclick,onmousemove等)
4.event.preventDefault() 阻止默认行为
5.event.stopPropagation() 阻止事件冒泡或捕获
6.event.clientY 就是指浏览器顶部底边到鼠标的位置
7.event.pageY 就是指浏览器顶部底边到鼠标的位置,但它计算滚动条的距离
8.event.screenY 屏幕顶部到鼠标位置
IE8及以下 event用法 (attachEvent(“onclick”,function(event){}))
1.event.type 事件类型
2.event.returnValue=false 阻止默认行为
3.event.cancelBubble=true 阻止事件冒泡或捕获
4.event.srcElement 点击谁 谁就是target ,事件源
兼容性写法
var eventUntil={
getTarget:function(event){
return event.srcElement || event.target
},
preventDefault:function(event){
if(event.preventDefault){
event.preventDefault()
}else{
event.returnValue=false
}
},
stopPropagation:function(event){
if(event.stopPropagation){
event.stopPropagation()
}else{
event.cancelBubble = true
}
}
}
标签:function,兼容性,target,preventDefault,stopPropagation,事件,写法,event 来源: https://blog.csdn.net/JamesHKK/article/details/104779845