javascript阻止事件冒泡和浏览器的默认行为

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;

}

使用方法

//监视用户何时把鼠标移到元素上，

//为该元素添加红色边框

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标记

转载于:https://www.cnblogs.com/5201314/archive/2009/03/04/1402740.html

javascript阻止事件冒泡和浏览器的默认行为相关推荐

html 冒泡事件拦截,JavaScript阻止事件冒泡与事件捕获
1.事件冒泡在一个对象上触发某类事件,如onclick事件等,在其祖先节点上也会依次触发该事件. 事件冒泡依次输出:a.div.body 注意:不是所有的事件都能冒泡.blur.focus.loa ...
javascript 阻止事件冒泡 cancelBubble
javascript简单的阻止事件冒泡,可以使用事件的cancelBubble方法为true: html部分 <button id="btn1">点击显示div< ...
JS 事件高级（包括DOM事件流，阻止事件冒泡，阻止事件默认行为，，，以及对我来说，很好用的事件代理）
事件对象概念事件处理函数:事件发生时调用的函数事件对象:window.event,内置的对象,事件发生的时候会将所有和事件相关的信息都存储在事件对象中,鼠标位置,事件类型,事件目标... //事件 ...
javascript 停止事件冒泡以及阻止默认事件冒泡
停止事件冒泡 function stopBubble(e) {// 如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation ) {// 因此它 ...
javascript 阻止冒泡和浏览器的默认行为
在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题. 1.阻止事件冒泡 ...
JavaScript(11) - 阻止事件冒泡和默认行为,拖拽,事件监听器
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一.阻止事件冒泡和默认行为二.拖拽 1, 实现拖拽相关的三大事件: 2, 实现拖拽思路: 1, 给目标元素添加onmous ...
jquery和javascript屏蔽右键菜单及阻止事件冒泡
jquery屏蔽右键菜单 $(document).ready(function(){$(document).bind("contextmenu",function(e){retur ...
js事件冒泡、阻止事件冒泡以及阻止默认行为
大家好,我是IT修真院武汉分院web第17期的学员吴三水,一枚正直纯洁善良的web程序员. 今天给大家分享一下,修真院官网js(职业)任务四,深度思考中的知识点--js事件冒泡.阻止事件冒泡以及阻止默 ...
JS阻止事件冒泡和默认行为
1.首先对事件冒泡和默认行为以及要用到的事件对象event有个认识对事件冒泡的理解是当触发一个子元素的事件时,同时它的父元素的事件也会依次被触发.即事件从最低层元素依次向最外层元素触发默认事件(行 ...

javascript阻止事件冒泡和浏览器的默认行为

http://www.aspxhome.com/javascript/skills/200712/262128.htm

javascript阻止事件冒泡和浏览器的默认行为相关推荐

最新文章

热门文章