zoukankan      html  css  js  c++  java
  • ie和火狐事件addEventListener()及attachEvent()区别分析

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

  • 相关阅读:
    用js onselectstart事件鼠标禁止选中文字
    模仿苹果菜单的导航
    返回页面顶部
    商品展示的放大镜效果
    键盘控制Div的移动
    Div跟随鼠标移动
    瀑布流的布局(功能还没有完善)
    类似时光轴的效果
    ie6-ie8中不支持opacity透明度的解决方法
    :active pseudo-class doesn't work in mobile safari
  • 原文地址:https://www.cnblogs.com/GerryOfZhong/p/5219639.html
Copyright © 2011-2022 走看看