兼容浏览器的js事件绑定函数(详解)
因为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事件绑定函数(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍JS兼容所有浏览器的DOMContentLoaded事件，包括了JS兼容所有浏览器的DOMContentLoaded事件的使用技巧和注意事项，需要的朋友参考一下 使用JavaScript操作dom元素的时候，通常会将获取dom元素的代码放在window.onload=function(){}事件处理函数中，但window.onload事件在某些开始后可能会影响客户体验，因为要等待所有
-
浏览器兼容 主流浏览器都兼容 HTML5 的新标签，对于 IE8 及以下版本不认识 HTML5的新元素，可以使用 JavaScript 创建一个没用的元素来解决，例如： <script> document.createElement("header"); </script> 也可以使用 shiv 来解决兼容性问题，详情可参考 HTML5 Shiv
-
问题内容： 我的页面宽50/50。左半部分具有六个div的行。条件： 6个正方形必须始终保持正方形。 前5个正方形应在右边留有边距/填充以进行分隔。 所有六个正方形必须保持同一行。如果我可以使它正常工作，那么我可以对较小的视口中的响应度进行必要的调整。 跨浏览器兼容最新版本的chrome和firefox。 L1 L2 L3 L4 L5 L6 问题答案： The main trick here is
-
本文向大家介绍javascript浏览器兼容教程之事件处理，包括了javascript浏览器兼容教程之事件处理的使用技巧和注意事项，需要的朋友参考一下 1. window.event 【分析说明】先看一段代码 以上代码在IE运行的结果是[object]，而在Firefox无法运行。 因为在IE中event作为window对象的一个属性可以直接使用，但是在Firefox中却使用了W3C的模型
-
本文向大家介绍bootstrap3 兼容IE8浏览器！，包括了bootstrap3 兼容IE8浏览器！的使用技巧和注意事项，需要的朋友参考一下 近期在使用bootstrap这个优秀的前端框架，这个框架非常强大，框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了，当我们制作网页上，只需直
-
概览 本章描述了IE在处理自定义的HTML属性和标签时的一些独特之处。如果你要让你的AngularJS应用兼容IE8和IE8以下的版本的话，你需要仔阅读本章。 简易版 要让你的AngularJS应用在IE中正常运行你必须： 确保JSON字符串能被正常解析（IE7需要），你可以使用JSON2或者JSON3来实现。 你不能使用自定义的元素标签，如<ng:view>（你只能使用属性的形式，如<div n