网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 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添加事件的通用方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/17 11:40:43