javascript - 管理父子div中的事件冲突

Question

看下面的代码：

<div onmousedown="alert('onmousedown');">
    <div onclick="alert('onclick');"></div>
</div>

我的问题是，您可以在 div 子项的 onclick 事件处于活动状态时禁用 onmousedown 事件？

Answer 1

如果您使用mousedownandmouseup而不是click子 div，那么您可以尝试这样的算法：

var flag;

onchildmousedown() {
    flag = true;
}

onchildmouseup() {
    flag = false;
    // other click processing on child
}

onparentmousedown() {
    if (flag) {
        flag = false;
        return;
    }
    // continue for processing
}

我不确定这是否有效，因为我还没有测试过。但是，你明白了，可以相应地调整它。