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 相关文章推荐
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
Jun 07 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
vue组件横向树实现代码
Aug 02 Javascript
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
element-ui如何防止重复提交的方法步骤
Dec 09 Javascript
js实现图片实时时钟
Jan 15 Javascript
Vue如何实现监听组件原生事件
Jul 03 Javascript
js+css3实现炫酷时钟
Aug 18 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中heredoc与nowdoc介绍
2014/12/25 PHP
Laravel5.4框架使用socialite实现github登录的方法
2019/03/20 PHP
jQuery学习4 浏览器的事件模型
2010/02/07 Javascript
javascript面向对象编程代码
2011/12/19 Javascript
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
jquery链式操作的正确使用方法
2014/01/06 Javascript
理解AngularJs指令
2015/12/10 Javascript
bootstrap表格分页实例讲解
2016/12/30 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
Perl中著名的Schwartzian转换问题解决实现
2015/06/02 Python
python遍历目录的方法小结
2016/04/28 Python
使用Python &amp; Flask 实现RESTful Web API的实例
2017/09/19 Python
python正则实现提取电话功能
2018/02/24 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
python数据爬下来保存的位置
2020/02/17 Python
解决阿里云邮件发送不能使用25端口问题
2020/08/07 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
思想政治自我鉴定
2013/10/06 职场文书
大二学生学习个人自我评价
2014/01/19 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
分家协议书
2014/04/21 职场文书
物业管理专业求职信
2014/06/11 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
红色旅游心得体会
2014/09/03 职场文书
征求意见函
2015/06/05 职场文书
离职证明格式样本
2015/06/12 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang
详解Python中的for循环
2022/04/30 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS