• (转载)JS事件监听 JS:attachEvent和addEventListener使用方法


    (转载)http://www.chhua.com/web-note146

    attachEvent和addEventListener使用方法

    Js代码

    <html>
    <head>
    <title>JS</title>
    </head>
    
    <body>
    <input id="para" type="text"/>
    <script>
        function test()
        {
            alert("test");
        }
        function pig()
        {
            alert("pig");
        }
    
        window.onload = function()
        {
            var element = document.getElementById("para");
            if (element.addEventListener)
            {
                element.addEventListener("focus", test, false);
                element.addEventListener("focus", pig, false);            
            }
            else
            {
                element.attachEvent("onfocus", test);
                element.attachEvent("onfocus", pig);        
            }
        }
    </script>
    </body>
    </html>

    ****************实例结束**************************

    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被执行
    写成这样:

    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&#8243;);
    //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 

  • 相关阅读:
    win7无法访问2003共享的解决方法(转)
    nokia vcf文件导入iphone(转)
    zblog之密码修改
    vs2010 dump 调试
    T400 CTO 突遇windows update当前无法检查更新,因为服务为运行。您可能需要重新启动计算机!
    练手卦,奖金何时发?
    QUdpSocket 4.6 严重丢包
    修行
    占问事宜:我买的择日书籍何时能到?
    Silverlight 5 Beta新特性[6]低延迟对WAV格式声音效果支持
  • 原文地址:https://www.cnblogs.com/Robotke1/p/3230478.html
Copyright © 2020-2023  润新知