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的$(document).ready()和onload的加载顺序
May 26 Javascript
javascript操作JSON的要领总结
Dec 09 Javascript
js猜数字小游戏的简单实现代码
Jul 02 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
异步安全加载javascript文件的方法
Jul 21 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
Node 自动化部署的方法
Oct 17 Javascript
vue实现图片预览组件封装与使用
Jul 13 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
jquery添加div实现消息聊天框
Feb 08 jQuery
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显示MySQL数据的三种方法
2008/06/05 PHP
php采集时被封ip的解决方法
2010/08/29 PHP
drupal 代码实现URL重写
2011/05/04 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
php导出中文内容excel文件类实例
2015/07/06 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
php post json参数的传递和接收处理方法
2018/05/31 PHP
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
javascript 使用for循环时该注意的问题-附问题总结
2015/08/19 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
实现JavaScript高性能的数据存储
2016/12/11 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
Python模拟登录验证码(代码简单)
2016/02/06 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
使用python读取.text文件特定行的数据方法
2019/01/28 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
C语言基础笔试题
2013/04/27 面试题
公司领导班子对照材料
2014/08/18 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
大学生英文求职信范文
2015/03/19 职场文书
PHP控制循环操作的时间
2021/04/01 PHP
如何利用pygame实现打飞机小游戏
2021/05/30 Python
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript