addEventListener() 方法兼容所有浏览器的写法(事件监听)

您所在的位置:网站首页 ie9及以上版本的浏览器有哪些 addEventListener() 方法兼容所有浏览器的写法(事件监听)

addEventListener() 方法兼容所有浏览器的写法(事件监听)

2023-11-25 04:33| 来源: 网络整理| 查看: 265

Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法,我们可以定义一个方法实现所有浏览器兼容。

var x = document.getElementById("myBtn"); if (x.addEventListener) { // 所有主流浏览器,除了 IE 8 及更早版本 x.addEventListener("click", myFunction); } else if (x.attachEvent) { // IE 8 及更早版本 x.attachEvent("onclick", myFunction); }

为了兼容所有的浏览器,我们可以定义一个函数:当有 addEventListener 时调用,没有的时候调用 attachEvent。

/* * 参数: * obj:要绑定事件的对象 * eventStr:事件(注意:这里不要on) * callback:回调函数 */ function bind(obj , eventStr , callback){ if(obj.addEventListener){ //大部分浏览器 obj.addEventListener(eventStr , callback , false); }else{ //IE8及以下 obj.attachEvent("on"+eventStr , function(){ //在匿名函数中调用回调函数 callback.call(obj); }); } }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3