兼容浏览器的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 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Nov 24 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
js中事件的处理与浏览器对象示例介绍
Nov 29 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
May 08 Javascript
判断日期是否能跨月查询的js代码
Jul 25 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
Nov 11 Javascript
详解vue.js组件化开发实践
Dec 14 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
Vue Element UI + OSS实现上传文件功能
Jul 31 Javascript
vue中在vuex的actions中请求数据实例
Nov 08 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设计模式  Command(命令模式)
2011/06/17 PHP
老版本PHP转义Json里的特殊字符的函数
2015/06/08 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
bootstrap提示标签、提示框实现代码
2016/12/28 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
jQuery日期范围选择器附源码下载
2017/05/23 jQuery
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
小谈angular ng deploy的实现
2020/04/07 Javascript
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python字符编码判断方法分析
2016/07/01 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
使用python实现学生信息管理系统
2021/02/25 Python
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
C#里面可以避免一个类被其他类继承么?如何?
2013/09/26 面试题
Java基础类库面试题
2013/09/04 面试题
《落花生》教学反思
2014/02/25 职场文书
气象学专业个人求职信
2014/03/15 职场文书
赔偿协议书范本
2014/04/15 职场文书
《金孔雀轻轻跳》教学反思
2014/04/20 职场文书
个人承诺书怎么写
2014/05/24 职场文书
博士生导师推荐信
2014/07/08 职场文书
客服专员岗位职责
2015/02/10 职场文书
计划生育个人总结
2015/03/02 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
Android开发实现极为简单的QQ登录页面
2022/04/24 Java/Android