javascript - リンク内の要素がクリックされた場合のデフォルトのリンク動作を防ぐ方法

Question

次のようなリンクがあります。

<a href="page.html" class="myLink">
  Link text
  <div class="toggle">x</div>
</a>

彼らxがイントグルをクリックしたときにリンクがナビゲートされないようにしたいのですが、クリックした場合Link Textはリンクをナビゲートしたい.

私はこれを試しました：

$('.toggle').click(function(event) { $(this).parents('a').preventDefault(); });

しかし、うまくいかなかったようです。

score 6 · Accepted Answer

クリックされた要素から outer への伝播を停止するには、stopPropagationaを呼び出す必要があります。ただし、ここでは単純に false を返すことができます (これにより、伝播が停止し、デフォルトの動作が妨げられます)。

$('.toggle').click(function(event) {
    // do interesting things   
    return false
});

score 1 · Accepted Answer

これは、preventDefault（）メソッドを起動する必要がある要素ではなくイベントです。

$('.toggle').click(function (event) { 
    event.preventDefault(); 
});

これにより、イベントがトリガーされなくなりますが、ドキュメントは伝播されません。

$('.toggle').click(function (event) { 
    event.stopPropagation(); 
});

カウンターパートですか。

2 に答える 2