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 相关文章推荐
javascript 进度条 实现代码
Jul 30 Javascript
解决jQuery插件tipswindown与hintbox冲突
Nov 05 Javascript
JQuery的AJAX实现文件下载的小例子
May 15 Javascript
JS如何判断json是否为空
Jul 06 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
AngularJS中ng-class用法实例分析
Jul 06 Javascript
基于bootstrop常用类总结(推荐)
Sep 11 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
返回上一个url并刷新界面的js代码
Sep 12 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
咖啡语言
2021/03/03 咖啡文化
php广告加载类用法实例
2014/09/23 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
php中的异常和错误浅析
2017/05/03 PHP
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
2014/08/07 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
[41:08]TNC vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
分析Python中设计模式之Decorator装饰器模式的要点
2016/03/02 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
python斐波那契数列的计算方法
2018/09/27 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
简单了解Python生成器是什么
2019/07/02 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
python列表切片和嵌套列表取值操作详解
2020/02/27 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
教师的实习鉴定
2013/12/15 职场文书
学生打架检讨书大全
2014/01/23 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
2015年幼儿园毕业感言
2014/02/12 职场文书
广告学专业毕业生自荐信
2014/05/28 职场文书
2014年财务部工作总结
2014/11/11 职场文书
致我们终将逝去的青春观后感
2015/06/10 职场文书
个人催款函范文
2015/06/24 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android