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
        }
     }
}
发布了25 篇原创文章 · 获赞 0 · 访问量 634

猜你喜欢

转载自blog.csdn.net/JamesHKK/article/details/104779845