javascript - JavaScript のクリック イベントでのイベントのバブリングまたはバブリングの失敗

Question

私の基本的な問題は、コンテナーにアタッチしたクリック イベントがあることです。そのクリック イベントをそのコンテナー内のボタンだけに委任しようとしています。それはすべて簡単です。私が抱えている問題は、webkit の event.target がボタン自体ではなくボタンのスパンにヒットしていることです。クリック イベントがボタン内のスパンにバブリングしないようにするにはどうすればよいですか。私は自分のターグをバットにしたい。これは問題のフィドルを示す簡単なデモです

Answer 1

この場合、イベントのバブリングを無効にできるかどうかはわかりません。

ただし、これらの場合、反転イベント バブリングを作成します。

while(targ != null) {
    if (targ.nodeName.toLowerCase() === 'button') {
        alert(targ.nodeName.toLowerCase());
        break;
    }

    targ = targ.parentElement;
}

フィドル: http://jsfiddle.net/jVeMw/1/

パフォーマンスには最適ではありませんが、クリック イベントをvidCommentBoarddiv に制限しているため、問題にはなりません。