如何防止 JavaScript 触发的链接点击时页面滚动到顶部
许多开发者都会遇到网页滚动到顶部的问题单击链接即可激活 JavaScript。如果所需的操作是执行非导航操作，这可能会令人沮丧。
要解决此问题，您需要防止发生单击事件的默认操作（导航到链接目标）。有两种常见方法可以实现此目的：
选项 1：event.preventDefault()
在此方法中，您调用事件的 .preventDefault() 方法对象传递给您的事件处理程序。这会停止浏览器的本机导航行为。下面是一个使用 jQuery 的示例：
<code class="javascript">$('#ma_link').click(function($e) {
$e.preventDefault();
// Perform your JavaScript action here
});</code>选项 2：返回 false
或者，从 jQuery 事件处理程序返回 false 会自动触发 event.stopPropagation() 和event.preventDefault()。这可以防止传播和默认导航：
<code class="javascript">$('#ma_link').click(function(e) {
// Perform your JavaScript action here
return false;
});</code>对于非 jQuery DOM 事件，您还可以在现代浏览器上使用此方法，因为它是 HTML 5 规范的一部分。但是，对于较旧的浏览器，建议显式调用 .preventDefault() 以获得最大兼容性。
以上是如何防止 JavaScript 触发的链接点击后页面滚动到顶部？的详细内容。更多信息请关注PHP中文网其他相关文章！
