使用mousedown停止單擊事件僅在觸發警報時有效

Question

我試圖通過從容器上的mousedown事件返回false來阻止運行元素的子元素的已定義onclick事件，如下所示：

submit_container.mousedown(function(event){
    return false;
});

如果我這樣編寫代碼，則無法正常工作。 但是，如果我先添加警報，則單擊事件實際上已停止：

submit_container.mousedown(function(event){
    alert('Alert');
    return false;
});

這里提到了相同的問題，但遺憾的是，沒有一個答案能解決這個問題。

編輯： JSfiddle示例 。 我想要第二個鏈接的行為，但不必觸發警報

Answer 1

mousedown對容器類起作用。 您的問題是href附加了click事件，而不是鼠標按下 。 因此，您應該在容器或href上使用onclick，因為將發生事件傳播並冒泡到父級。 您仍然可以阻止這種情況的發生。

例。

submit_container.click(function(event){
    event.stopPropagation();
    event.preventDefault();
    return false;
});

希望這可以幫助

Answer 2

您正在使用jQuery嗎？ 嘗試使用“ preventDefault”方法：

submit_container.mousedown(function(event){
    event.preventDefault();
    return false;
});