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控制swfObject应用介绍
Nov 29 Javascript
将页面table内容与样式另存成excel文件的方法
Aug 05 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 Javascript
vuejs如何配置less
Apr 25 Javascript
谈谈VUE种methods watch和compute的区别和联系
Aug 01 Javascript
详解微信UnionID作用
May 15 Javascript
JS图片预加载三种实现方法解析
May 08 Javascript
vue 内联样式style中的background用法说明
Aug 05 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
Sep 12 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
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 读取文件的正确方法
2009/04/29 PHP
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
php错误、异常处理机制(补充)
2012/05/07 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
2013/09/29 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
2013/11/26 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
2014/01/28 Javascript
防止jQuery ajax Load使用缓存的方法小结
2014/02/22 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
javascript简单进制转换实现方法
2016/11/24 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
原生js实现表格翻页和跳转
2020/09/29 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
Python中的异常处理简明介绍
2015/04/13 Python
Django 前后台的数据传递的方法
2017/08/08 Python
Python 实现「食行生鲜」签到领积分功能
2018/09/26 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
Python web如何在IIS发布应用过程解析
2020/05/27 Python
python实现杨辉三角的几种方法代码实例
2021/03/02 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
品恩科技软件测试面试题
2014/10/26 面试题
出国留学担保书
2014/05/20 职场文书
高中生毕业评语
2014/12/30 职场文书
大学生社会实践感想
2015/08/11 职场文书
python 三边测量定位的实现代码
2021/04/22 Python
APP界面设计技巧和注意事项
2022/04/29 杂记