当点击触发JavaScript的链接时，如何阻止网页从顶部滚动到顶部？

本文介绍了当点击触发JavaScript的链接时，如何阻止网页从顶部滚动到顶部？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

$ b

 < a href 
当我有一个链接与jQuery或JavaScript事件连接时， =＃>我的连结< / a>

如何防止页面滚动到顶部？当我从锚点删除href属性时，页面不会滚动到顶部，但链接看起来不可点击。

解决方案

有两种方法可以做到这一点。
$ b

选项1： `event.preventDefault（）`

.preventDefault（）方法。如果您使用jQuery绑定您的处理程序，则该事件将成为，它将是jQuery版本。如果您使用 addEventListener 来绑定您的处理程序，它将是和原始DOM版本。

例子：

  $ （'#ma_link'）。click（function（$ e）{
 $ e.preventDefault（）; 
 doSomething（）; 
}）; 
 
 document.getElementById（'＃ma_link'）。addEventListener（'click'，function（e）{
 e.preventDefault（）; 
 doSomething（）; 
））

选项2：`返回false;`

中：

So, with jQuery, you can alternatively use this approach to prevent the default link behaviour:

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

If you're using raw DOM events, this will also work on modern browsers, since the HTML 5 spec dictates this behaviour. However, older versions of the spec did not, so if you need maximum compatibility with older browsers, you should call .preventDefault() explicitly. See event.preventDefault() vs. return false (no jQuery) for the spec detail.

这篇关于当点击触发JavaScript的链接时，如何阻止网页从顶部滚动到顶部？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

顶部