关于js在ie和ff下attachevent,addeventlistener学习笔记 -ag凯发k8国际

今天小弄了一下js事件，主要说一下ff和ie兼容的问题

　　对象名.addeventlistener("事件名（不带on）"，函数名，true/false);(ff下)

     对象名.attachevent("事件名"，函数名);(ie下)

说明：

　　事件名称，要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。

• 函数名，记住不要跟括号
• 最后一个参数是个布尔值，表示该事件的响应顺序,下面重点介绍一下addeventlistener的第3个参数(usecapture)。

usercapture若为true,则浏览器采用capture,若为false则采用bubbing方式。建议用false,看个例子吧。

html代码

js代码

window.οnlοad=function(){ document.getelementbyid("div_test").addeventlistener("click",test1,false); document.getelementbyid("btn_test").addeventlistener("click",test2,false); } function test1(){ alert("外层div触发") } function test2(){ alert("内层input触发") }

自己体验一下，如果usercapture是true则test1先触发，如果usercapture是false则test2先触发。

 

下面来说一下，attachevent

这个没啥好说的，相信大家也都用的挺熟的，主要是传参那块，等我用到 再说吧，哈哈哈

 

示例：

创建绑定方法：

if (typeof document.addeventlistener != "undefined") {

document.addeventlistener("mousedown",_lhlclick,true);
} else {
document.attachevent("onmousedown",_lhlclick);
}

删除事件：

if (typeof document.addeventlistener != "undefined") {
        document.removeeventlistener("mousedown",_lhlclick,true);
    } else {
     document.detachevent("onmousedown",_lhlclick);
    }

转载于:https://www.cnblogs.com/hailuo/archive/2009/11/25/1610763.html

总结

以上是ag凯发k8国际为你收集整理的关于js在ie和ff下attachevent,addeventlistener学习笔记的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错，欢迎将ag凯发k8国际推荐给好友。