zoukankan      html  css  js  c++  java
  • FireFox下为元素附加事件并传递参数-addEventListener attachEvent Pass parameters to eventfunction

    But you can get information of the object where the event occured. E.g. you can do stuff dependent on the "id" of an object, or you can set any additional flags within the object and do stuff dependent on these flags.

    Here we have the code for attaching the events:
    if(window.addEventListener){ // Mozilla, Netscape, Firefox
    object.addEventListener('mouseover', testevent, false);
    object.addEventListener('click', testevent, false);
    object.myflag = "test";
    object.mydata = "123";
    } else { // IE
    object.attachEvent('onmouseover', testevent);
    object.attachEvent('onclick', testevent);
    object.myflag = "test";
    object.mydata = "123";
    }
    

    The function "testevent" contains all code to access the "id", "name" etc. and all own flags:
    function testevent(evt){
    var e_out;
    var ie_var = "srcElement";
    var moz_var = "target";
    var prop_var = "myflag";
    // "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
    evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
    alert(e_out);
    prop_var = "mydata";
    evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
    alert(e_out);
    }
    


    Conclusion: If you set appropriate flags when attaching an event to an object, you have the possiblity to do actions dependent on these flag when the actual event occurs.
    Therefore it is not necessary to pass parameters directly when attaching the event, since those parameters either do not change anyway, or if the parameters are dynamically created, those dynamic parameters can be read out in the function "testevent".
  • 相关阅读:
    VMware Workstation CentOS7 Linux 学习之路(2)--.net core环境安装
    VMware Workstation CentOS7 Linux 学习之路(1)--系统安装
    Castle IOC概念理解
    Visual Studio Nuget还原步骤
    Js中分号使用总结
    ABP理论学习之依赖注入
    C# 中字段和属性的使用时机
    C#基础知识梳理系列
    .Net 中的IL中间语言基本语法
    项目工程结构说明(Internal)
  • 原文地址:https://www.cnblogs.com/goody9807/p/1163992.html
Copyright © 2011-2022 走看看