ie和火狐事件addEventListener()及attachEvent()区别分析

简介: Mozilla中: addEventListener的使用方式:   target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。

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);});


W3C格式:

removeEventListener(event,function,capture/bubble);

Windows IE的格式如下:

detachEvent(event,function);


  target.addEventListener(type, listener, useCapture);
target 文档节点、document、window 或 XMLHttpRequest。
type 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener 实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture 是否使用捕捉,看了后面的事件流一节后就明白了,一般用 false
事件触发时,会将一个 Event 对象传递给事件处理程序,比如:
document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);

目录
相关文章
ie和谷歌添加事件的处理策略
ie和谷歌添加事件的处理策略
64 3
|
Web App开发 JavaScript
IE和DOM事件流的区别
事件 HTML元素事件是浏览器内在自动产生的,当有事件发生的时候html元素会向外界(这里主要指元素事件的订阅者)发出各种事件,如click、onmouseover,onmouseout等等 DOM事件流 DOM(文档对象模型)结构是一个树形结构,当一...
1569 0
|
JavaScript C# 前端开发
c#控制IE浏览器自动点击等事件WebBrowser,mshtml.IHTMLDocument2
原文:c#控制IE浏览器自动点击等事件WebBrowser,mshtml.IHTMLDocument2 可以实现例如通过应用程序操作google搜索,用户输入要搜索的内容,然后在google中搜索;可以自动点击网页上的按钮等功能     1.
2543 0
|
JavaScript 数据格式 XML
IE事件处理
1 2 3 4 5 IE事件处理 6 7 8 9 11 12 var btn1=document.getElementById('btn1'); 13 //↓添加事件 14 btn1.attachEvent('onclick', fun); 15 //↓注释的这一行为删除事件处理。
593 0
|
Web App开发 JavaScript 前端开发
加入收藏兼容ie和火狐
最近改用Firefox后,发现很多网站的“加入收藏”链接点击无效了,后来发现原来是IE浏览器和Firefox浏览器的“加入收藏夹”的写法是不同的。 1、IE浏览器加入收藏夹的代码 window.external.addFavorite(sURL, sTitle);参数:sURL:添加到收藏夹的完整网站页面地址sTitle:添加到收藏夹中的网站页面标题名称。
903 0
|
Web App开发 前端开发 JavaScript
怎么让CSS兼容IE和FireFox火狐的技巧大全
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理 方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。
1195 0
|
Web App开发 JavaScript 前端开发
javascript事件处理在IE和FireFox中的区别
    如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异,因为javascript的事件模型有三种,它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异,这里结合一些零碎的代码来说明如何做到event在IE4+和Firefox下的正常工作。
1025 0