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); //火狐 }
相关文章推荐
- Javascript关于绑定事件方法attachEvent和addEventListener区别与兼容写法
- Javascript 的addEventListener()及attachEvent()区别分析
- 【JavaScript】attachEvent 与addEventListener区别
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript addEventListener和attachEvent的区别
- addEventListener和attachEvent的区别 分类: JavaScript 2015-05-12 19:03 702人阅读 评论(0) 收藏
- javascript中 addEventListener和attachEvent以及element.onclick的区别
- JavaScript关于attachEvent和addEventListener的使用方法
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- 关于兼容addEventListener方法与attachEvent的代码
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析
- Javascript 的addEventListener()及attachEvent()区别分析