首页 > 开发 > JS > 正文

js添加事件的通用方法推荐

2024-05-06 16:30:59
字体:
来源:转载
供稿:网友
下面小编就为大家带来一篇js添加事件的通用方法推荐。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
 

js添加事件的通用方法推荐

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <title></title>  </head>  <body>    <p id="p1">测试添加事件:firefox使用addEventListener,ie使用attachEvent<br>    点击此p标签,绑定了2个弹出事件</p>    <script>      function test1() {        alert("test1");      }      function test2(){        alert("test2");      }      //添加事件通用方法      function addEvent(element,e,fn) {        //firefox使用addEventListener,来添加事件        if(element.addEventListener) {          element.addEventListener(e,fn,false);        }        //ie使用attachEvent,来添加事件        else {          element.attachEvent("on"+e,fn);        }      }      window.onload = function(){        var element = document.getElementById("p1");        addEvent(element,"click",test1);        addEvent(element,"click",test2);      }    </script>  </body></html>

以上这篇js添加事件的通用方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持VeVb武林网。



注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表