js取消气泡事件、阻止浏览器的默认行为

1.阻止事件冒泡,使成为捕获型事件触发机制.

取消tr里面子元素响应tr定义的事件,在tr子元素里面禁止气泡事件就可以，子元素事件中加入window.event.cancelBubble=true 即可！

例子：表格行有一个单击事件,例如:<table><tr οnclick="alert('hello world')"><td><input type="button" value="增加" οnclick="alert('你好！')"/></td><td>111</td><td>222</td><td>333</td></tr></table>

上面的表格当点击其它单元格时都会弹出“hello world”，怎样让点击“增加”时不让弹出这个警告框?在td或者input元素的事件中加入“window.event.cancelBubble = true”即可。

例如：<td οnclick="window.event.cancelBubble=true;"><input type="button" value="增加" οnclick="alert('你好！')"/></td>或者：<td><input type="button" name="add" οnclick="alert('你好！');window.event.cancelBubble=true;"/></td>

多浏览器支持：

　　function stopBubble(e){
　　　　if(document.all)
　　　　　　window.event.cancelBubble=true; //IE
　　　　else
　　　　　　e.stopPropagation(); //支持火狐
　　}

　　　或者

　　function stopBubble(e) {

　　　　//如果提供了事件对象，则这是一个非IE浏览器

　　　　if ( e && e.stopPropagation )

　　　　//因此它支持W3C的stopPropagation()方法

　　　　e.stopPropagation();

　　　　else

　　　　//否则，我们需要使用IE的方式来取消事件冒泡

　　　　window.event.cancelBubble = true;

　　}

　　2、阻止浏览器的默认行为

　　function stopDefault( e ) {

　　//阻止默认浏览器动作(W3C)

　　 if ( e && e.preventDefault )

　　 e.preventDefault();

　　//IE中阻止函数器默认动作的方式

　　 else

　　 window.event.returnValue = false;

　　 return false;

　　}

转载于:https://www.cnblogs.com/guijl/archive/2013/01/17/2864961.html

js取消气泡事件、阻止浏览器的默认行为相关推荐

js 停止事件冒泡阻止浏览器的默认行为
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到"停止事件冒泡"和"阻止浏览器默认行为". 浏览器默认行为: 在form中按回车键就会提交表单:单击鼠标 ...
如何阻止浏览器的默认行为?
如何阻止浏览器的默认行为? 什么是默认行为? 默认行为,就是不用我们注册,其本身就存在的事情比如我们点击鼠标右键的时候,会自动弹出一个菜单比如我们点击 a 标签的时候,我们不需要注册点击事件,他自 ...
JS 取消冒泡事件兼容火狐IE
function stopPro(e) { if (e && e.stopPropagation) { //W3C取消冒泡事件 e.stopPropag ...
angular 点击事件阻止冒泡及默认行为
经常遇到场景:多层级元素绑定ng-click 事件,则底层元素的点击事件存在冒泡现象,怎么解决? 类似原生JS ,只是语法稍有不同,如下: 阻止冒泡 $event.stopPropagation() ...
js阻止浏览器默认事件
1.阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e && e.preventDefault) { / ...
html js 禁用浏览器上下滑动,纯JS阻止浏览器默认滚动事件，实现自定义滚动方法...
首先该方法兼容IE7+以上浏览器,可以实现页面上下滚动,而且也可以实现页面左右滚动,每次滚动的距离为屏幕的大小,滚动为加速滚动 javaScript代码如下: //滚动实现方法,使用鼠标滚轮每次滚动浏 ...
阻止浏览器默认行为事件
欢迎访问我的博客地址 : 博客地址有时候我们在页面中需要阻止浏览器的默认行为事件,在W3C的方法是e.preventDefault(),IE则是使用e.returnValue = false,pre ...
javascript阻止事件冒泡和浏览器的默认行为
http://www.aspxhome.com/javascript/skills/200712/262128.htm 就是说用Div框住flash Div的鼠标事件不传递给Body 文中说的方法记 ...
JavaScript停止冒泡和阻止浏览器默认行为
原文链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 事件兼容 function myfn(e){ var ...

js取消气泡事件、阻止浏览器的默认行为

js取消气泡事件、阻止浏览器的默认行为相关推荐

最新文章

热门文章