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读取ASP设定的COOKIE
Feb 15 Javascript
类之Prototype.js学习
Jun 13 Javascript
IE之动态添加DOM节点触发window.resize事件
Jul 27 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
Jquery跳到页面指定位置的方法
May 12 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
vue 修改 data 数据问题并实时显示的方法
Aug 27 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
Oct 09 Javascript
Vue项目history模式下微信分享爬坑总结
Mar 29 Javascript
vue 实现基础组件的自动化全局注册
Dec 25 Vue.js
vue-router中hash模式与history模式的区别
Jun 23 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
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
php设计模式 Adapter(适配器模式)
2011/06/26 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
PHP运行模式汇总
2016/11/06 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
基于jQuery的ajax方法封装
2016/07/14 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
js实现经典贪吃蛇小游戏
2020/03/19 Javascript
原生JS实现留言板
2020/03/26 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛 5 24 iG VS DK
2014/05/26 DOTA
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
下载糗事百科的内容_python版
2008/12/07 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
详解Django解决ajax跨域访问问题
2018/08/24 Python
python程序文件扩展名知识点详解
2020/02/27 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
DataList 能否分页,请问如何实现?
2015/05/03 面试题
师范生的个人求职信范文
2014/01/04 职场文书
什么样的创业计划书可行性高?
2014/02/01 职场文书
授权委托书怎么写
2014/04/03 职场文书
期末学生评语大全
2014/04/24 职场文书
学生上课说话检讨书
2014/10/25 职场文书
中学社团活动总结
2015/05/07 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电