js关于子元素不触发父元素事件的若干方法

方法一：event.cancelBubble=true;

/* 最好用，js通用，event.cancelBubble=true;写在子元素的事件里*/

当点击子元素的时候，会同时触发此子元素与其父元素的点击事件，按照官方的说法，这是事件的浮升，可以使用‘event.cancelBubble=true;‘阻止这种情况

eg. onclick="zuohuafinish();event.cancelBubble=true;"



例如在一个有单击事件的<li>中有一个复选框，如何在点击复选框的时候不触发父元素的单击事件

可以<input type="checkbox" onclick="window.event.cancelBubble=true;">

在input中写入一个单击事件阻止

方法二：event.stopPropagation()；

/* jquery的方法，event.stopPropagation(); 写在子元素的事件里*/

此方法需要形参。



方法三：return false; \*会阻止当前的方法*\