javascript - 子と親の両方のイベント ハンドラー。可能？

Question

私のUIは<li><a href='#'>hello</a></li>

アンカー タグには既にイベント ハンドラがあります。つまりclick(function(){}) 、別のクリック機能をリスト項目に追加したいのですが、機能しません。

更新 - イベントハンドラーを親としてのアンカータグではないリストアイテムにのみ付与したい

私に提案してください

Answer 1

ここに例があります。このHTMLがあれば

<li> <a href="#">Hello</a></li>

次に、この jquery ハンドラーを使用できます。

       $("li").click(function () {
            alert("li clicked");
        });

        $("li > a").click(function (e) {
            e.preventDefault();
            alert("anchor clicked");
            return false;
        });

「return false;」が必要なことに注意してください。

これが役に立てば幸いです、-covo

Answer 2

アンカー タグのクリック イベントでjQuery のevent.stopPropagation()メソッドを使用して、アンカー イベントがバブリングしないようにします。

そのようです：

$('your existing anchor selector').click(function(event){
    event.stopPropagation();
    //Your other code
});