zoukankan      html  css  js  c++  java
  • JS事件监听 JS:attachEvent和addEventListener 使用方法

     

    attachEvent与addEventListener区别
    适应的浏览器版本不同,同时在使用的过程中要注意
    attachEvent方法          按钮onclick
    addEventListener方法    按钮click

    两者使用的原理:可对执行的优先级不一样的事件进行操作:
    attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)

    addEventListener方法 用于 Mozilla系列

    举例:

    Js代码
    • document.getElementById(“btn”).onclick = method1;   
    • document.getElementById(“btn”).onclick = method2;   
    • document.getElementById(“btn”).onclick = method3;如果这样写,那么将会只有medhot3被执行  

    写成这样:

    Js代码
    • var btn1Obj = document.getElementById(“btn1″); //object.attachEvent(event,function);   
    • btn1Obj.attachEvent(“onclick”,method1);   
    • btn1Obj.attachEvent(“onclick”,method2);   
    • btn1Obj.attachEvent(“onclick”,method3);执行顺序为method3->method2->method1  

    如果是Mozilla系列,并不支持该方法,需要用到addEventListener var btn1Obj = document.getElementById(“btn1″);
    //element.addEventListener(type,listener,useCapture);
    btn1Obj.addEventListener(“click”,method1,false);
    btn1Obj.addEventListener(“click”,method2,false);
    btn1Obj.addEventListener(“click”,method3,false);执行顺序为method1->method2->method3

    使用实例:

    Js代码
    • 1。 var el = EDITFORM_DOCUMENT.body;    
    • //先取得对象,EDITFORM_DOCUMENT实为一个iframe   
    • if (el.addEventListener){   
    • el.addEventListener(‘click’, KindDisableMenu, false);   
    • } else if (el.attachEvent){   
    • el.attachEvent(‘onclick’, KindDisableMenu);   
    • }2。 if (window.addEventListener) {   
    • window.addEventListener(‘load’, _uCO, false);   
    • } else if (window.attachEvent) {   
    • window.attachEvent(‘onload’, _uCO);   
    • }   
    
    

    detachEvent和removeEventListener

    Js代码
    • detachEvent(‘onclick’,func);//ie下使用删除事件func   
    • removeEventListener(‘click’,func);//Mozilla下,删除事件func  

     From: http://blog.163.com/wumingli456@126/blog/static/288964142010755811775/

  • 相关阅读:
    理解svm必看
    SVM中核函数种类与选择(转)
    常用数据的标准化方法 (转)
    matlab归一化&标准化 (转)
    as3+XML读取文件夹图片并显示易错的地方(转自新浪微博)
    As 对象局部坐标转全局坐标
    JS 与 AS3 的通信
    AS3的反射
    LocalConnection实现swf与swf之间通信
    正则表达式元字符速查表
  • 原文地址:https://www.cnblogs.com/wumingcong/p/4650290.html
Copyright © 2011-2022 走看看