关于事件冒泡和浏览器默认行为

绝地灬酷狼 2022-08-05 15:12 294阅读 0赞

GoodSite：http://caibaojian.com/javascript-stoppropagation-preventdefault.html
: http://www.cnblogs.com/lidabo/archive/2012/05/23/2514701.html

《一》关于事件冒泡：

阻止事件冒泡得注意一下，w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true
阻止浏览器默认行为:

《二》关于浏览器默认行为：

浏览器默认行为可以这样理解：百度 这时候我们点击百度肯定会默认跳转到baidu网站.但是我们给a标签添加一个点击事件 在该点击事件里面
做一个操作【也就是阻止浏览器默认行为】 w3c的方法是e.preventDefault()，IE则是使用e.returnValue = false;

示例代码:

  1. function stopDefault( e ) { 
  2. e=e||event;
  3.     if ( e && e.preventDefault ) 
  4.         e.preventDefault(); 
  5.     else 
  6.         window.event.returnValue = false; 
  7.     return false; 
  8. }

《三》return false
javascript的return false只会阻止默认行为，而是用jQuery的话则既阻止默认行为又防止对象冒泡。
下面这个使用原生JS，只会阻止默认行为，不会停止冒泡

发表评论

表情：
评论列表 （有 0 条评论，294人围观）

还没有评论，来说两句吧...

相关阅读