JQuery 阻止js事件冒泡 阻止浏览器默认操作

//阻止事件冒泡

event.stopPropagation();

//阻止浏览器默认操作

event.preventDefault();

代码不一定能执行,写给自己看的。

事件冒泡:

1 <a href="javascript:alert('啦啦啦');">
2     <ul onclick="alert('德玛西亚');">
3         <li onclick="alert('大盖伦');"></li>
4     </ul>
5 </a>

这个时候点击li,会先弹出大盖伦,然后会执行li的父元素ul的onclick事件,最后执行ul的父元素a标签的单击事件

浏览器默认操作:

单击a标签,浏览器默认会执行a标签的href属性

 

posted @ 2016-07-21 19:46  闲云意向东  阅读(378)  评论(0编辑  收藏  举报