兼容浏览器的js事件绑定函数(详解)


Posted in Javascript onMay 09, 2017

因为javascript中所有对象都集成与Object,那么只有给Object原型添加一个事件绑定函数,就不需要在处理绑定事件的时候,每次写一长串代码,直接调用即可。在代码中添加红色部分代码,直接便可以在代码中直接调用

<div id="mydiv" style="cursor:pointer; background-color:#F00">nihaoa</div> 
<script language="javascript">
Object.prototype.addListener=function(ev,fn){ 
  if (this.attachEvent) { 
    this.attachEvent('on' + ev, fn); 
  }else{  
    this.addEventListener(ev,fn,false); 
  } 
} 
 
   
var mydiv=document.getElementById("mydiv"); 
mydiv.addListener('click', click1,false); 
mydiv.addListener('click', click2, false); 
console.log(mydiv); 
function click1(){ 
  alert("click1"); 
}   
 
function bclick2(){ 
  alert("click2"); 
}

以上这篇兼容浏览器的js事件绑定函数(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
JavaScript 学习笔记(十六) js事件
Feb 01 Javascript
jquery.validate使用攻略 第三部
Jul 01 Javascript
javascript时间函数基础介绍
Mar 28 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
AngularJS+Node.js实现在线聊天室
Aug 28 Javascript
bootstrap3 兼容IE8浏览器!
May 02 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 Javascript
vue实现简单的登录弹出框
Oct 26 Javascript
JS触摸与手势事件详解
May 09 #Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 #Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 #Javascript
JS中的数组转变成JSON格式字符串的方法
May 09 #Javascript
jQuery插件开发发送短信倒计时功能代码
May 09 #jQuery
JavaScrpt的面向对象全面解析
May 09 #Javascript
ES6正则表达式的一些新功能总结
May 09 #Javascript
You might like
php桌面中心(二) 数据库写入
2007/03/11 PHP
php 验证码制作(网树注释思想)
2009/07/20 PHP
PHP高级对象构建 工厂模式的使用
2012/02/05 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
非常好的js代码
2006/06/27 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
用js实现in_array的方法
2013/11/05 Javascript
asm.js使用示例代码
2013/11/28 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
jQuery使用正则表达式限制文本框只能输入数字
2016/06/18 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
socket.io学习教程之基本应用(二)
2017/04/29 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
移动端如何用下拉刷新的方式实现上拉加载
2018/12/10 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
python特性语法之遍历、公共方法、引用
2018/08/08 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
六年级语文下册教学计划
2015/01/22 职场文书
青岛海底世界导游词
2015/02/11 职场文书
有关水浒传的读书笔记
2015/06/25 职场文书
Python 全局空间和局部空间
2022/04/06 Python