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 相关文章推荐
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
基于datagrid框架的查询
Apr 08 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
Nov 30 Javascript
js的[defer]和[async]属性
Nov 24 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
javascript实现汉字转拼音代码分享
Apr 20 Javascript
JSP基于Bootstrap分页显示实例解析
Jun 12 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 Javascript
Vue2.0 ES6语法降级ES5的操作
Oct 30 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
人族 TERRAN 概述
2020/03/14 星际争霸
php实现监控varnish缓存服务器的状态
2014/12/30 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
php生成curl命令行的方法
2015/12/14 PHP
phpStorm2020 注册码
2020/09/17 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
用js实现trim()的解决办法
2013/04/16 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
什么是JavaScript注入攻击?
2016/09/14 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
关于vue 结合原生js 解决echarts resize问题
2020/07/26 Javascript
python实现打砖块游戏
2020/02/25 Python
python中编写函数并调用的知识点总结
2021/01/13 Python
实列教程 一款基于jquery和css3的响应式二级导航菜单
2014/11/13 HTML / CSS
css3 实现滚动条美化效果的实例代码
2021/01/06 HTML / CSS
h5移动端调用支付宝、微信支付的实现
2020/06/08 HTML / CSS
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
美国滑板店:Tactics
2020/11/08 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
一组SQL面试题
2016/02/15 面试题
营销与策划应届生求职信
2013/11/04 职场文书
一份婚庆公司创业计划书
2014/01/11 职场文书
销售主管岗位职责范本
2014/02/14 职场文书
《骑牛比赛》教后反思
2014/04/22 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
2016高考寄语集锦
2015/12/04 职场文书
转变工作作风心得体会
2016/01/23 职场文书