首页 > 编程语言 > 详细

Javascript关于attachEvent和addEventListener区别与兼容写法

时间:2014-09-19 13:23:35      阅读:261      评论:0      收藏:0      [点我收藏+]

Mozilla中:

addEventListener的使用方式:

target.addEventListener(type, listener, useCapture);

target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById(“testText”).addEventListener(“keydown”, function (event) { alert(event.keyCode); }, false);

 

IE中:

target.attachEvent(type, listener);
target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 例如:document.getElementById(“txt”).attachEvent(“onclick”,function(event) {alert(event.keyCode);});

 

 

兼容的写法:

     if (window.attachEvent) {
     
    obj.attachEvent("onclick", function() {alert(even.innerHTML) });//ie
    }
    else {
    obj.addEventListener("click", function() { alert(even.innerHTML) }, false); //火狐
    }

 

Javascript关于attachEvent和addEventListener区别与兼容写法

原文:http://www.cnblogs.com/sunjar/p/3981134.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!