js事件的一些兼容写法

事件兼容事件对象的兼容获取键码兼容默认行为兼容阻止事件冒泡兼容事件监听兼容 ---- 封装删除事件监听兼容 ---- 封装事件委托->获取事件源兼容…

//阻止事件冒泡的兼容写法 function stopBubble(e){ //如果提供了事件对象,则是一个非IE浏览器 if(e && e.stopPropagation) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则,我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } <!doctype html> <html> <hea…

js 事件监听兼容浏览器

js 事件监听兼容浏览器 ie 用 attachEvent w3c(firefox/chrome) 用 addEventListener 删除事件监听 ie 用 detachEven removeEventListener <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ht…

JS——样式获取的兼容写法

样式获取普通获取属性方式div.style.width或者div.style["width"]无法获取内嵌和外链式,只能获取行内式 window.getComputedStyle(div, null) 返回元素的长宽等带有单位px 第二个参数是伪类,没有填null <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <…

js事件2-事件兼容问题

对于不同的浏览器,事件响应会有一定的不同,所以我们为了更好的用户效果,必须要考虑好事件兼容性问题. 为了兼容不同的浏览器,我们可以自己编写一个事件对象,通过它的事件添加函数和删除函数来给元素添加/删除对象. 我们在Js中添加一个对象 var EventFunc={ //定义一个事件添加函数 addEvent:function(Object,eventname,funct){ //此处开始编写兼容各种浏览器的添加事件 if(Object.addEventListener){ Object.addE…

关于ev||event事件对象的兼容写法

因为FireFox Chrome默认都是有一个值传进来的,所以这里是对IE和FireFox Chrome做了兼容. 例如:页面点击事件事件要使用document,获取鼠标位置 document.onclink=function(ev) { var oEvent=ev||event; //兼容IE和FireFox Chrome 只要一个为真就可以执行 alert(oEvent.clientX+oEvent.clientY); }; /*取消事件冒泡*/ oDiv.onclick=function…

JS事件大全及兼容

一般事件事件浏览器支持描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 …

JS事件阻止冒泡的写法

$("body").on("click", "#id", function (ev) { ev = ev || event;要写的逻辑代码 ev.stopPropagation();//这个方法可以阻止事件的冒泡 });…

js获取样式的兼容写法

var currentStyle = function(element){ return element.currentStyle || document.defaultView.getComputedStyle(element, null); }…

js处理事件冒泡（兼容写法）

event = event || window.event; if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; }…