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

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
阻止浏览器默认行为:


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

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


示例代码:

function stopDefault( e ) { 
e=e||event;
    if ( e && e.preventDefault ) 
        e.preventDefault(); 
    else 
        window.event.returnValue = false; 
    return false; 
} 

《三》return false
javascript的return false只会阻止默认行为,而是用jQuery的话则既阻止默认行为又防止对象冒泡。
下面这个使用原生JS,只会阻止默认行为,不会停止冒泡
posted on 2015-03-11 23:18  狂奔的冬瓜  阅读(212)  评论(0编辑  收藏  举报