JS:自定义兼容性强的事件函数模型-EventUtil

对于网页前台编程,浏览器之间的兼容性一直都是比较令人困扰的问题。在javascript里,谷歌、ie和火狐等浏览器对事件监听的处理都不尽相同,给编程带来了麻烦。不过通过自定义一个新的事件监听器却可以完美地解决兼容上的问题,而且这个函数有可能是目前最好的解决方案。

操作方法

  • 01

    /*element代表元素,type代表事件类型,handler代表事件被触发时调用的方法 / var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } }, preventDefault: function (event) { if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; } } };

  • 02

    使用方法: EventUtil.addHandler(element, type, handler);

(0)

相关推荐

  • js如何添加按钮的onClick事件?

    在编程语言中,JavaScript用途较为广泛,web,html都适用.能够在电脑,手机上平稳的运行,学习好JavaScript是每一个程序员的必修课.今天小编来介绍一下如何用js添加按钮的onCli ...

  • 利用JS实现百度云盘自定义分享密码

    生活中经常会用到云盘分享东西,但是密码又随机变动,这里介绍如何使用JS自定义分享密码 操作方法 01 首先呢,先打开百度网盘,找到要分享的文件,选中它,点击分享按钮 02 在这一步的时候先不要点击确定 ...

  • js调用后台方法

    Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为 ...

  • 用?潘恳患?刈跋低橙砑??P.win7.win8等系统一键重装系统教程介绍

    重装系统一直都是很多电脑用户不会的项目,而每次重装都要收50到100不等的上门费感觉非常划不来,下面小编就给大家带来了?潘恳患?刈跋低橙砑?慕坛蹋?赐曛?笕媚?院笪扌柙倩ǚ巡槐匾?那?デ肴死粗刈跋低沉 ...

  • 选购数码相机N个误区

    第一大误区:像素越高越好 这个是笔者看到很多网友经常要问的问题,而且是买数码相机就会问“你看是不是600万象素的机器比300万象素的好多了?”,“是不是800万象素的数码相机很好呀?”等等。对于这个购 ...

  • 腾讯桌面产品Q+"闪电"计划 主张快节奏

    快节奏生活无处不在,加速度已然成了这个时代的标志。腾讯桌面产品也以便捷、省时作为自己的新趋势,给我们生活加速,畅享极速生活体验:QQ浏 览器双核模式,智能切换极速显示网页;QQ拼音云输入,运指如飞打出 ...

  • 老毛桃U盘启动盘制作教程

    老毛桃U盘启动盘制作教程

  • 常见U盘主控芯片比较

    我们买U盘时都会关注U盘的各种参数,比如读写速度、容量等等,这些只是表象,一块U盘的性能高低更多地取决于它所采用的主控芯片。不同厂商的主控芯片特性不同,我们一起来看看。 一、擎泰(Skymedi)主控 ...

  • Win7系统无法安装ActiveX控件的解决方法

    Win7系统无法安装ActiveX控件怎么办?ActiveX控件是网站常用的一款网页辅助工具,有时候我们可能需要安装它,但是却发现浏览器阻止了它安装,那么当你遇到这种情况该怎么办呢?下面小编就给大家带 ...