JavaScript中的跨浏览器事件操作的基本方法整理

前端之家收集整理的这篇文章主要介绍了JavaScript中的跨浏览器事件操作的基本方法整理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

绑定事件

支持 if(element.addEventListener){ element.addEventListener(type,handler,false); } else if(element.attachEvent){ //type加'on' //IE9也可以这样绑定 element.attachEvent('on' + type,handler); } //DOM0级事件处理步,事件流也是冒泡 else{ element['on' + type] = handler; } };

取消绑定事件

和绑定事件的处理基本一致,有一个注意点: 传入的handler必须与绑定事件时传入的相同(指向同一个函数

属性置空就可以 element['on' + type] = null; } };

跨浏览器添加事件

跨浏览器移除事件

跨浏览器阻止默认行为

跨浏览器获取目标对象

跨浏览器获取滚动条位置

获取滚动条位置,sp == scroll position function getSP(){ return{ top: document.documentElement.scrollTop || document.body.scrollTop,left : document.documentElement.scrollLeft || document.body.scrollLeft; } }

跨浏览器获取可视窗口大小

} else{ return { width : document.documentElement.clientWidth,height : document.documentElement.clientHeight } } },</pre>

猜你在找的JavaScript相关文章