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 CSS修改学习第六章 拖拽
Feb 19 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
jQuery CSS()方法改变现有的CSS样式
Aug 20 Javascript
javascript定时器完整实例
Feb 10 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
详解JS模块导入导出
Dec 20 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
vue添加class样式实例讲解
Feb 12 Javascript
使用webpack构建应用的方法步骤
Mar 04 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
vue组件创建的三种方式小结
Feb 03 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 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
第十一节--重载
2006/11/16 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
phpword插件导出word文件时中文乱码问题处理方案
2014/08/19 PHP
PHP自定义递归函数实现数组转JSON功能【支持GBK编码】
2018/07/17 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
浏览器打开层自动缓慢展开收缩实例代码
2013/07/04 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
xcode中获取js文件的路径方法(推荐)
2016/11/05 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
Node.js五大应用性能技巧小结(必须收藏)
2017/08/09 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
基于游标的分页接口实现代码示例
2018/11/12 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python中的进程分支fork和exec详解
2015/04/11 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
pycharm 更改创建文件默认路径的操作
2020/02/15 Python
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
澳大利亚足球鞋和服装购物网站:Ultra Football
2018/10/11 全球购物
什么是规则表达式
2012/05/03 面试题
花店创业计划书范文
2014/02/07 职场文书
2015年文员个人工作总结
2015/04/09 职场文书
oracle覆盖导入dmp文件的2种方法
2021/05/21 Oracle
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android