javascript - イベントレプリケーションをクリックします

Question

私はこの構造を持っています

<div>
    <ul>
        <li>...</li>
        <li....
        ...
    </ul>
</div>

とJqueryで

$(div).click(function(){...});
$(li).click(function(){....});

今私の問題は、liをクリックすると、divクリックイベントも発生することです。liをクリックしたときにliクリックイベントのみを発生させるように設定するにはどうすればよいですか。

score 3 · Accepted Answer

$(div).click(function(){...});
$(li).click(function(ev){ ev.stopPropagation(); /* other code here */ });

score 3 · Accepted Answer

3

以下をせよ：

$(li).click(function(e) {e.stopPropagation()...})

于 2012-08-10T10:14:27.083 に答える

score 2 · Accepted Answer

sイベントからfalseを返しますli。これにより、DOMツリーのバブリングが停止します。

更新します。また、適切な方法としてevent.preventDefault()、event処理関数に渡される最初の引数になります。

score 1 · Accepted Answer

次のようなevent.stopPropagation（）を使用できます

$(li).click(function(event){ event.stopPropagation() });

score 0 · Accepted Answer

これは役立ちます

$(li).click(function(event) {
    event.stopPropagation()
    //you code here
})

5 に答える 5