如何防止页面在 JavaScript 链接点击上滚动到顶部:
从链接元素(例如锚点)触发 JavaScript 事件时标签,事件触发后页面跳转到顶部的问题是很常见的。
解决方案:
为了防止这种不良行为,有必要抑制点击事件的默认动作。这可以使用两种方法来实现:
1。 event.preventDefault():
通过在传递给事件处理程序的事件对象上调用 .preventDefault() 方法,您可以阻止导航到链接目标的默认行为。
示例(jQuery):
<code class="javascript">$('#my-link').click(function(event) { event.preventDefault(); // Your JavaScript code here });</code>
示例(DOM):
<code class="javascript">document.getElementById('my-link').addEventListener('click', function(event) { event.preventDefault(); // Your JavaScript code here });</code>
2. return false:
在 jQuery 中,从事件处理程序返回 false 将自动调用 .stopPropagation() 和 .preventDefault() 方法。
示例 (jQuery):
<code class="javascript">$('#my-link').click(function(event) { // Your JavaScript code here return false; });</code>
如果使用原始 DOM 事件,建议显式调用 .preventDefault() 以获得与旧版浏览器的最大兼容性。有关详细信息,请参阅有关 event.preventDefault() 与 return false 的文档。
以上是以下是您提供的文章的一些基于问题的标题,重点关注单击 JavaScript 链接后页面滚动到顶部的问题: 简短和直接: * 如何停止页面滚动到的详细内容。更多信息请关注PHP中文网其他相关文章!