window.event ? window.event.cancelBubble = true : event.stopPropagation();这段代码在火狐里面怎么写
这段代码的具体意思是什么意思呢,如果要在火狐里面用这个效果应该怎么写,这个在谷歌里面可以,但是在火狐里面报错...
这段代码的具体意思是什么意思呢,如果要在火狐里面用这个效果应该怎么写,这个在谷歌里面可以,但是在火狐里面报错
展开
若以下回答无法解决问题,邀请你更新回答
1个回答
展开全部
// 处理 IE 和 非IE之间的兼容问题
// 非IE中: e 就是有值的,整体的值就是 e,所以取到这个事件对象
// IE 中: e就是undefined,整体的值就是window.event,所以,可以取到 IE 中的事件对象
e = e || window.event;
事件流:
事件冒泡: 从点击的元素开始,往【外层】节点传播
事件捕获: 从【外层】节点往 点击的元素 传播
// 阻止事件冒泡
e.stopPropagation ? e.stopPropagation() : (e.cancelBubble=true);
事件冒泡会给 下拉菜单、即时编辑 带来一些麻烦
阻止冒泡: e.stopPropagation() e.cancelBubble = true;
```
if (e.stopPropagation) {
//chrome
e.stopPropagation();
} else {
//IE
e.cancelBubble = true;
}
在火狐中
// 非IE中: e 就是有值的,整体的值就是 e,所以取到这个事件对象
// IE 中: e就是undefined,整体的值就是window.event,所以,可以取到 IE 中的事件对象
e = e || window.event;
事件流:
事件冒泡: 从点击的元素开始,往【外层】节点传播
事件捕获: 从【外层】节点往 点击的元素 传播
// 阻止事件冒泡
e.stopPropagation ? e.stopPropagation() : (e.cancelBubble=true);
事件冒泡会给 下拉菜单、即时编辑 带来一些麻烦
阻止冒泡: e.stopPropagation() e.cancelBubble = true;
```
if (e.stopPropagation) {
//chrome
e.stopPropagation();
} else {
//IE
e.cancelBubble = true;
}
在火狐中
追问
火狐应该是属于非ie,那么为什么在谷歌中可以,但是在火狐中不可以,火狐中需要单独传值吗,这种操作要传什么值呢?
追答
function et()
{
alert(event);//IE: [object]
}
以上代码在IE运行的结果是[object],而在Firefox无法运行。
因为在IE中event作为window对象的一个属性可以直接使用,但是在Firefox中却使用了W3C的模型,它是通过传参的方法来传播事件的,也就是说你需要为你的函数提供一个事件响应的接口。
【兼容处理】添加对event判断,根据浏览器的不同来得到正确的event:
function et()
{
evt=evt?evt:(window.event?window.event:null);
//兼容IE和Firefox
alert(evt);
}
,在IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性。
【兼容处理】
ele=function(evt){ //捕获当前事件作用的对象
evt=evt||window.event;
return
(obj=event.srcElement?event.srcElement:event.target;);
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询