其实就用冒泡
把最后一个事件,写在父层,如果子层事件return false,则冒泡停止,父层事件不执行
<div id="aaa">
<div id="bbb">
<input type="button" id="ccc" value="" />
</div>
</div>
<script>
$("#ccc").bind("click", function () {
alert(1);
});
$("#ccc").bind("click", function () {
alert(2);
return false;
});
$("#bbb").on("click", "#ccc", function () {
alert(3);
});
</script>
alert(3)不会被执行,因为ccc的click事件中,有一个事件return false了
这可以用于表单验证,
在表单提交事件中,绑定N个验证方法,在父层绑定一个confirm,如果有一个验证方法return false,就不会去执行confirm