js 阻止事件冒泡 e.preventDefault();

事件冒泡:

例如这样一个结构 :<li><a></a></li>,

假如你在a标签上绑定了一个点击click事件,如:$("a").click(function(){alert("a"); });

还在li标签上绑定了一个事件,如:$("li").click(function(){alert("li"); });  

如果在alert("a");后面不加e.preventDefault();这一语句,结果会在alert("a");执行后再次执行alert("li")语句,

因为a标签在li标签中,a标签在li标签范围中,在执行a标签上的事件后会执行li标签上的相同类型事件,从内层标签往外层依次执行相同类型事件,从里面往外面,此为冒泡。

posted @ 2020-05-21 15:14  Vaynedy  阅读(561)  评论(0编辑  收藏  举报