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 相关文章推荐
动态加载iframe
Jun 16 Javascript
javascript中关于break,continue的特殊用法与介绍
May 24 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
May 31 Javascript
vue多种弹框的弹出形式的示例代码
Sep 18 Javascript
使用Vue动态生成form表单的实例代码
Apr 26 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
ES10的13个新特性示例(小结)
Sep 23 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
Thinkphp关闭缓存的方法
2015/06/26 PHP
PHP伪造来源HTTP_REFERER的方法实例详解
2015/07/06 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
可以将word转成html的js代码
2010/04/11 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
jQuery插件zTree实现删除树节点的方法示例
2017/03/08 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
详解vue移动端项目的适配(以mint-ui为例)
2018/08/17 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
关于layui时间回显问题的解决方法
2019/09/24 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
python文件和目录操作函数小结
2014/07/11 Python
python提取内容关键词的方法
2015/03/16 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
意大利咖啡、浓缩咖啡和浓缩咖啡机:illy caffe
2019/03/20 全球购物
大专自我鉴定范文
2013/10/01 职场文书
优秀学生自我鉴定范例
2013/12/18 职场文书
动漫专业高职生职业生涯规划书
2014/02/15 职场文书
幼儿园庆六一活动方案
2014/03/06 职场文书
卖房协议书样本
2014/10/30 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
酒会邀请函
2015/01/31 职场文书
表扬信范文
2015/05/04 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python