Javascript 如何防止链接将我发送到页面顶部

我试图阻止

将页面滚动到

（0,0）

我必须使用“

#

”（我必须保持在同一页）

防止页面滚动的正确方法是什么（jQuery/JavaScript/HTML/CSS）

注:

---

（只有在我使用的是jQuery mobile 1.3.2的情况下，才会在iPad上滚动到顶部）。

通过Javascript有多种方法可以实现这一点（这是最简单的方法）

下面是一个使用JQuery的示例：

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

<a href='javascript:void(0);'>click here</a>

下面是一个在HTML中使用纯Javascript的示例：

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

<a href='javascript:void(0);'>click here</a>

---

要使其在iPad上滚动到顶部，您应该首先确定浏览器是桌面应用程序还是移动应用程序，并在链接上将其设置为有条件的href，仅在iPad浏览器上执行该行为，这可能要复杂得多。

您有各种方法通过Javascript实现这一点（这是最简单的方法）

下面是一个使用JQuery的示例：

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

<a href='javascript:void(0);'>click here</a>

下面是一个在HTML中使用纯Javascript的示例：

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

<a href='javascript:void(0);'>click here</a>

---

要使其在iPad上滚动到顶部，您应该首先确定浏览器是桌面应用程序还是移动应用程序，并在链接上将其设置为有条件的href，仅在iPad浏览器上执行该行为，这可能要复杂得多。

它不会滚动到

（0,0）

，它滚动到id为

id的元素

查看此小提琴的示例
它不会滚动到
（0,0）
，而是滚动到id为
id的元素

查看此提琴，了解一个示例，即单击处理程序中的Just
return false
，它将阻止浏览器重定向到链接。另一种方法是调用
事件
对象上的
prevent default（）
方法

$('#myLink').click(function(e) {  

//Do what you want to do here

return false; 

});

只需单击处理程序中的
返回false
，这将阻止浏览器重定向到链接。另一种方法是调用
事件
对象上的
preventDefault（）
方法

$('#myLink').click(function(e) {  

//Do what you want to do here

return false; 

});

要防止页面上出现所有空链接，如
，请添加此链接

$(function() {
  $( 'a[href$="#"]' ).each(function() {
    $( this ).attr( 'href','javascript:void(0);' )
  });
});

要防止页面上出现所有空链接，如
，请添加此链接

$(function() {
  $( 'a[href$="#"]' ).each(function() {
    $( this ).attr( 'href','javascript:void(0);' )
  });
});

然后链接在做什么？如果你在处理jquery/javascript中的点击事件，那么从handler调用
e.preventDefault（）
或
return false；
然后链接在做什么？如果你在处理jquery/javascript中的点击事件，那么从处理程序调用
e.preventDefault（）
或
return false；