javascript - Jquery 防止下一个事件冒泡

Question

我里面有简单的 div 和复选框。两个元素都与 onClick 事件绑定(bind)。首先在内部元素上触发，例如 checkbox ，然后在 div 上触发。我的问题是:在出现第一个事件直到下一次单击之后，是否可以停止 DOM 上的任何其他事件？换句话说，我可以在复选框 onClick 中停止以触发 div 事件吗？

<div onclick="divOnClic(this);" style="width: 200px; height: 200px ; background-color: red">
    <input type="checkbox" onclick="checkboxOnClick(this);"/>
</div>

function divOnClic(e) {
        alert('z diva');
    }

    function checkboxOnClick(e) {

        alert('z checka');
        e.preventDefault();

    }

这是一个实例 http://jsfiddle.net/QK43u/1/

Answer 1

这可以解决您的问题:

<div onclick="divOnClic(event);" style="width: 200px; height: 200px ; background-color: red">
        <input type="checkbox" onclick="checkboxOnClick(event);"/>
    </div>

    function divOnClic(e) {
            alert('z diva');
        }

        function checkboxOnClick(e) {

            alert('z checka');
            e.stopPropagation()

        }