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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
用javascript实现在小方框中浏览大图的代码
Aug 14 Javascript
js查找父节点的简单方法
Jun 28 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
javascript操作referer详细解析
Mar 10 Javascript
巧用Javascript的逻辑运算符
Dec 02 Javascript
详解Javascript数据类型的转换规则
Dec 12 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
微信小程序 slot踩坑的解决
Apr 01 Javascript
Vue实现日历小插件
Jun 26 Javascript
微信小程序实现禁止分享代码实例
Oct 19 Javascript
Vue简单实现原理详解
May 07 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
多php服务器实现多session并发运行
2006/10/09 PHP
php Http_Template_IT类库进行模板替换
2009/03/19 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
js 加载时自动调整图片大小
2008/05/28 Javascript
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
jQuery文字提示与图片提示效果实现方法
2016/07/04 Javascript
JQueryMiniUI按照时间进行查询的实现方法
2017/06/07 jQuery
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
Vue实现左右菜单联动实现代码
2018/08/12 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
Vue程序调试的方法
2019/06/17 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
Python中文件遍历的两种方法
2014/06/16 Python
python通过定义一个类实例作为ftp回调方法
2015/05/04 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
python3实现点餐系统
2019/01/24 Python
详解python中自定义超时异常的几种方法
2019/07/29 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
浅谈django2.0 ForeignKey参数的变化
2019/08/06 Python
俄罗斯皮肤健康中心:Pharmacosmetica.ru
2020/02/22 全球购物
华为C++笔试题
2014/08/05 面试题
通信工程毕业生自荐信
2013/11/01 职场文书
植树节口号
2014/06/21 职场文书
联谊活动总结
2014/08/28 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
2015年项目经理工作总结
2015/04/30 职场文书
开学典礼校长致辞
2015/07/29 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle
nginx lua 操作 mysql
2022/05/15 Servers