您的位置:首页 > Web前端 > JavaScript

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

2014-09-19 11:50 585 查看

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); //火狐
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: