如何在綁定了click事件的情況下處理div中的錨點而不觸發div click事件

Question

我有一個綁定了click事件的div。 我想在此div中添加一個錨標記，該標記不會觸發div點擊的操作。 我曾嘗試在錨點上放置'onclick="return false;"' ，但它仍會觸發對div的點擊。 有這個竅門嗎？

Answer 1

假設您正在使用jQuery的click() ，則可以執行以下操作：

$('div').click(
    function(e){
        if (e.target.tagName == 'A') {
            return false; // do nothing if the click is on the a element
        }
        else {
            // do something else
        }
    });

要么：

$('a').click(
    function(e){
        e.stopPropagation(); // stops the click moving up to the parent elements
    });

Answer 2

為了防止它，您應該防止事件冒泡。 對於沒有w3c瀏覽器的人，有cancelBubble屬性，而其他方法有stopPropagation。

以這種方式，您想更好地使用它來以一種樣式設置事件。 對於這種情況，jquery具有： event.stopPropagation和event.stopImmediatePropagation方法，以防止jquery在所有瀏覽器中冒泡。