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


Posted in Javascript onMay 15, 2016

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添加事件的通用方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
符合标准的js表单提交的代码
Sep 13 Javascript
FLASH 广告之外的链接
Dec 16 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
JavaScript之自定义类型
May 04 Javascript
jQuery中not()方法用法实例
Jan 06 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
javascript图片预览和上传(兼容IE)
Mar 15 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 #Javascript
JQuery validate插件Remote用法大全
May 15 #Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 #Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
May 15 #Javascript
js阻止浏览器默认行为的简单实例
May 15 #Javascript
js添加绑定事件的方法
May 15 #Javascript
JavaScript绑定事件监听函数的通用方法
May 14 #Javascript
You might like
PHP fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
PHP将XML转数组过程详解
2013/11/13 PHP
PHP7移除的扩展和SAPI
2021/03/09 PHP
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
jquery 使用简明教程
2014/03/05 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
JS滚动到指定位置导航栏固定顶部
2017/07/03 Javascript
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
nodejs log4js 使用详解
2019/05/31 NodeJs
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
Pycharm2017版本设置启动时默认自动打开项目的方法
2018/10/29 Python
python里运用私有属性和方法总结
2019/07/08 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
深入了解Python enumerate和zip
2020/07/16 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
python在协程中增加任务实例操作
2021/02/28 Python
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
应届毕业生个人自我评价
2013/09/20 职场文书
《小猪家的桃花树》教学反思
2014/04/11 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
培训计划通知
2015/07/15 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
Pytest中skip和skipif的具体使用方法
2021/06/30 Python