javascript - 親子 div でのイベントの競合の管理

Question

次のコードを見てください。

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

私の質問は、div子のonclickイベントがアクティブなときにonmousedownイベントを無効にできますか?

Answer 1

子 div の代わりにmousedownandを使用する場合は、次のようなアルゴリズムを試すことができます。mouseupclick

var flag;

onchildmousedown() {
    flag = true;
}

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

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

私はそれをテストしていないので、これが機能するかどうかはわかりません。しかし、あなたはアイデアを得て、それに応じて微調整することができます.