想关停止事件冒泡和IE默认操作
http://www.aspxhome.com/javascript/skills/200712/262128.htm
就是说用Div框住flash Div的鼠标事件不传递给Body
文中说的方法记录一下
/*---------------------------
功能:停止事件冒泡
---------------------------*/
function stopBubble(e) {
//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
//因此它支持W3C的stopPropagation()方法
e.stopPropagation();
else
//否则,我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
}
//阻止浏览器的默认行为
function stopDefault( e ) {
//阻止默认浏览器动作(W3C)
if ( e && e.preventDefault )
e.preventDefault();
//IE中阻止函数器默认动作的方式
else
window.event.returnValue = false;
return false;
}
功能:停止事件冒泡
---------------------------*/
function stopBubble(e) {
//如果提供了事件对象,则这是一个非IE浏览器
if ( e && e.stopPropagation )
//因此它支持W3C的stopPropagation()方法
e.stopPropagation();
else
//否则,我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
}
//阻止浏览器的默认行为
function stopDefault( e ) {
//阻止默认浏览器动作(W3C)
if ( e && e.preventDefault )
e.preventDefault();
//IE中阻止函数器默认动作的方式
else
window.event.returnValue = false;
return false;
}
使用方法
//监视用户何时把鼠标移到元素上,
//为该元素添加红色边框
unionDom[i].onmouseover = function(e) {
this.style.border = "1px solid red";
stopBubble( e );
};
//监视用户何时把鼠标移出元素,
//删除我们所添加的红色边框
unionDom[i].onmouseout = function(e) {
this.style.border = "0px";
stopBubble( e );
};
uniconDom[i]是页面的一个html标记
//为该元素添加红色边框
unionDom[i].onmouseover = function(e) {
this.style.border = "1px solid red";
stopBubble( e );
};
//监视用户何时把鼠标移出元素,
//删除我们所添加的红色边框
unionDom[i].onmouseout = function(e) {
this.style.border = "0px";
stopBubble( e );
};