绑定多个事件,如何决定前面事件失败后面事件不执行

来源:互联网 发布:武昌淘宝摄影 编辑:程序博客网 时间:2024/06/05 01:55

其实就用冒泡

把最后一个事件,写在父层,如果子层事件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

0 0
原创粉丝点击