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 相关文章推荐
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
May 05 Javascript
jQuery实现表格颜色交替显示的方法
Mar 09 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
Aug 16 Javascript
BootStrap 页签切换失效的解决方法
Aug 17 Javascript
JS实现checkbox互斥(单选)功能示例
May 04 Javascript
如何实现小程序tab栏下划线动画效果
May 18 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
vue cli3适配所有端方案的实现
Apr 13 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 获取远程网页内容的代码(fopen,curl已测)
2011/06/06 PHP
基于php socket(fsockopen)的应用实例分析
2013/06/02 PHP
php实现文本数据导入SQL SERVER
2015/05/17 PHP
PHP is_array() 检测变量是否是数组的实现方法
2016/06/13 PHP
javascript读取xml
2006/11/04 Javascript
网页javascript精华代码集
2007/01/24 Javascript
javascript预览上传图片发现的问题的解决方法
2010/11/25 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
jquery禁用右键示例
2014/04/28 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
easyui-combobox 实现简单的自动补全功能示例
2016/11/08 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
2017/01/06 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
2017/02/10 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
详解Vue内部怎样处理props选项的多种写法
2018/11/06 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
学习python的几条建议分享
2013/02/10 Python
详谈套接字中SO_REUSEPORT和SO_REUSEADDR的区别
2018/04/28 Python
python 日期操作类代码
2018/05/05 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
Python+OpenCV图像处理——实现轮廓发现
2020/10/23 Python
相亲大会策划方案
2014/06/05 职场文书
励志演讲稿800字
2014/08/21 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
优秀党支部申报材料
2014/12/24 职场文书
MySQL 覆盖索引的优点
2021/05/19 MySQL
python微信智能AI机器人实现多种支付方式
2022/04/12 Python