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 相关文章推荐
加随机数引入脚本不让浏览器读取缓存
Sep 04 Javascript
JS实现两表格里数据来回转移的方法
May 28 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
axios基本入门用法教程
Mar 25 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
详解动画插件wow.js的使用方法
Sep 13 Javascript
JS的函数调用栈stack size的计算方法
Jun 24 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
Nov 05 Javascript
解决layui 表单元素radio不显示渲染的问题
Sep 04 Javascript
微信小程序列表时间戳转换实现过程解析
Oct 12 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
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
十天学会php(3)
2006/10/09 PHP
php生成静态文件的多种方法分享
2012/07/17 PHP
PHP在线生成二维码(google api)的实现代码详解
2013/06/04 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
解析yii数据库的增删查改
2013/06/20 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
js性能优化技巧
2015/11/29 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
2016/06/01 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
2019/03/11 Javascript
在vue中获取wangeditor的html和text的操作
2020/10/23 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
python操作mysql代码总结
2018/06/01 Python
Python Flask框架扩展操作示例
2019/05/03 Python
基于python的docx模块处理word和WPS的docx格式文件方式
2020/02/13 Python
linux 下selenium chrome使用详解
2020/04/02 Python
python调用百度API实现人脸识别
2020/11/17 Python
护理职业生涯规划书
2014/01/24 职场文书
争先创优个人总结
2015/03/04 职场文书
2019销售早会主持词
2019/06/27 职场文书
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL