JavaScript
发布时间：2022-04-16 发布网站：大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JavaScript中的跨浏览器事件操作的基本方法整理，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
绑定事件
{
//DOM2级事件处理，IE9也支持
if(element.addEventListener)
{
element.addEventListener(type,handler,
fals
E);
}
else if(element.attachEvent)
{
//type加'on'
//IE9也可以这样绑定
element.attachEvent('on' + type,handler
);
}
//DOM0级事件处理步，事件流也是冒泡
else
{
element['on' + type] = handler;
}
};
取消绑定事件
和绑定事件的处理基本一致，有一个注意点：
传入的handler必须与绑定事件时传入的相同（指向同一个函数）
{
if(element.removeEventListener)
{
element.removeEventListener(type,handler
);
}
else if(element.attachEvent)
{
element.detachEvent('on' + type,handler
);
}
else
{
//属性置空就可以
element['on' + type] = null;
}
};
跨浏览器添加事件
{
if(obj.addEventListener)
{
obj.addEventListener(type,fn,
fals
E);
}else if(obj.attachEvent)
{//IE
obj.attchEvent('on'+type,fn
);
}
}
跨浏览器移除事件
{
if(obj.removeEventListener)
{
obj.removeEventListener(type,
fals
E);
}else if(obj.detachEvent)
{//兼容IE
obj.detachEvent('on'+type,fn
);
}
}
跨浏览器阻止默认行为
{
var e = ev || window.event;
if(e.preventDefault)
{
e.preventDefault(
);
}else
{
e.returnValue =
false;
}
}
跨浏览器获取目标对象
{
if(ev.target)
{//w3c
return ev.target;
}else if(window.event.srcElement)
{//IE
return window.event.srcElement;
}
}
跨浏览器获取滚动条位置
{
return
{
top: document.documentElement.scrollTop || document
.body.scrollTop,left : document.documentElement.scrollLeft || document
.body.scrollLeft;
}
}
跨浏览器获取可视窗口大小
{
if(typeof window.innerWidth
!='undefined')
{
return
{
width : window.innerWidth,height : window.innerHeight
}
} else{
return {
width : document.documentElement.clientWidth,height : document.documentElement.clientHeight
}
}
},</pre>
大佬总结
以上是大佬教程为你收集整理的JavaScript中的跨浏览器事件操作的基本方法整理全部内容，希望文章能够帮你解决JavaScript中的跨浏览器事件操作的基本方法整理所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
