js中event，event.srcElement，event.target在IE和firefox下的兼容性

1、window.event对象

IE：有window.event对象

firefox:没有window.event对象。可以通过函数的参数传递event对象。例如：οnmοusedοwn=function(event) 解决办法：var e=window.event||event;

2、event.srcElement和event.target

IE:有srcElement属性，没有target属性。

firefox:有target属性，没有srcElement属性。

event.srcElement和event.target的作用是一样的，获取事件作用的元素。

IE下的event.srcElement=firefox下的event.target。

解决办法：用三元运算符：用obj(obj=event.srcElement ? event.srcElement:event.target;) 来代替IE下的event.srcElement和firefox下的event.target。也可以用if条件语句来代替。

例子一：用if语句代替

var targif(!e){var e=window.event||event;//firefox没有window.event对象if(e.target){targ=e.target;}else if(e.srcElement){targ=e.srcElement;};};if(targ.nodeType==3){ //nodeType==3代表node.text_nodetarg=targ.parentNode};//defeat Safari bugvar tname;tname=targ.tagName;//返回备选元素的标签名alert("you clikced on a " + tname + " element");

例子二：用三元运算符代替

            var targ
if(!e){var e=window.event||event;//firefox没有window.event对象var obj=e.srcElement ? e.srcElement:e.target;targ=obj;
};
if(targ.nodeType==3){targ=targ.parentNode
};//defeat Safari bug
var tname;
tname=targ.tagName;
alert("you clikced on a " + tname + " element");

转载于:https://blog.51cto.com/lflianglan/1346733

js中event，event.srcElement，event.target在IE和firefox下的兼容性相关推荐

js中的事件对象event （获取元素的,x,y坐标）
event的使用获取元素的,x,y坐标如图所示当鼠标放在上面那个框上时获取其坐标,并且在下面框中显示其实需要使用到鼠标移动事件 onmousemove event 事件对象中封装了当前事项相关 ...
关于js中e = e || window.event
e = e || window.event是js在事件处理兼容IE和非IE的写法.看下面简单写法: window.onload = function (e){var div1 = document.g ...
【JS中scrollHeight/Width详解（不加定位的情况下）】
scrollHeight和scrollWidth的详解一. 内容块Y轴上没有超出的情况下二.内容块Y轴上有超出的情况下 2.1 当 overflow-y: visible的情况 2.2 设置ove ...
webpack 在js中引入静态图片
原文链接: webpack 在js中引入静态图片上一篇: gif 屏幕录制下一篇: js 使用默认参数达到强制参数的目的在js中引入静态文件在自己实现一个tab组件时遇到这个问题,点击不同的t ...
JS中的event 对象详解
JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的 ...
JS 中的 event?event:window.event什么意思？求详解。
JS 中的 event?event:window.event什么意思?求详解. 2013-04-16 00:01flying607 | 分类:JavaScript |浏览813次 <script ...
js中事件对象event
一.Event对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! 当一个事件发生的时候, ...
js中的event详解
event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromEleme ...
JS中window.event事件使用详解
一.描述 event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如:from ...

js中event，event.srcElement，event.target在IE和firefox下的兼容性

js中event，event.srcElement，event.target在IE和firefox下的兼容性相关推荐

最新文章

热门文章