简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:936 次  日期:2016-06-30 15:35:45

温馨提示:易贤网小编为您整理了“js添加事件的通用方法推荐”,方便广大网友查阅!

下面小编就为大家带来一篇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添加事件的通用方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:浅析js绑定事件的常用方法
下一篇:js阻止默认浏览器行为与冒泡行为的实现代码
易贤网手机网站地址:js添加事件的通用方法推荐
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!