jQuery click(false) 与函数结合

Question

我想防止使用“#”，因为我正在使用 jQuery 通过单击插件执行其他操作...

<a href="#" id="mylink">My Link</a>

<script>
    $('#mylink').somePlugin().click(false);
</script>

每当我需要阻止默认单击时，上面的方法都可以很好地工作。

现在我有如下类似的内容，我想阻止默认的点击行为，

<a href="#" id="mylink">My Link</a>

$('#mylink').click( function () {
    //  my code in here
});

我只是不确定在哪里/如何将 click(false) 合并到上面的代码中。我尝试过的几件事都不起作用。

我知道...我感觉自己像个新手问这个问题。

谢谢你！

Answer 1

你需要做：

$('#mylink').click( function (e) {
        e.preventDefault();

        // the code here
    });

Answer 2

$('#mylink').click( function (e) {
    return false;
});

Answer 3

不同的浏览器处理此问题的方式略有不同，但 jQuery 会尽力满足您的需求。您应该了解三件事，并且至少应该完成前两件事，以防止在尽可能多的浏览器中出现正常点击行为：

1. return false; 在您的代码末尾点击处理程序（如建议的）将停止常规点击许多浏览器（包括 Internet Explorer 和 Google Chrome）中对链接的操作。 return false; 也会停止事件传播，这可能是也可能不是您想要的。这是常规的浏览器行为，与 jQuery 没有任何关系。

2. e.preventDefault();，如jQuery 方法，它可以防止默认操作被触发。 “例如，单击的锚点不会将浏览器带到新的 URL。” 这仅影响当前项目。

3. e.stopPropagation(); 是另一个 jQuery 方法 防止事件冒泡。例如，如果 div 中有一个锚点，并且该 div 有一个挂钩的单击事件，则即使您停止锚点，该 div 的单击事件也会被触发 - 除非您调用此方法。

数字 2 将涵盖几乎所有浏览器，通过结合 1 和 2，您或多或少地涵盖了所有浏览器。仅当您不希望事件在 DOM 树中冒泡时，数字 3 才是必需的，但我习惯将其放在那里，因为大多数情况下，如果我想阻止对单击的元素执行默认操作，我不会这样做希望除了此特定处理程序中的代码之外的任何事情发生。