Question

我有一个href标签，其中嵌入了一个图像，我希望能够在单击后停止页面跳回到顶部。

注：

href不回发它会在页面上触发jQuery事件。

<a href="#" onclick="javascript:SendPlaylist()" style="border:none;"  class="addButton" ><img style="border:none;" src="/Images/icons/icon_add.gif"/></a>

好的，非常感谢。

干杯，皮特

Answer 1

为什么不删除锚点并将onclick事件添加到图像

像这样：

<img style="border:none;cursor:pointer;" src="/Images/icons/icon_add.gif" onclick="javascript:SendPlaylist()"/>

Answer 2

这应该有效：

$(".addButton").click(function(event) {
    // Do your stuff here
    event.preventDefault();
});

希望这有帮助！

Answer 3

这里的逻辑解决方案是：

<a href="#" onclick="SendPlaylist(); return false;" style="border:none;"  class="addButton" ><img style="border:none;" src="/Images/icons/icon_add" onclick="javascript:SendPlaylist()"/></a>

使用onclick时不使用“javascript”关键字...您可以在HREF本身使用它，这会产生：

<a href="javascript:SendPlaylist(); return false;">

...然后你可以完全删除onclick部分。

我也没有看到另一个onglick for img标签的原因 - 它可以被完全删除，因为它可能会复制来自该链接的调用

另外，既然你说链接没有回发但是使用了jQuery事件，或许在该事件中添加“return false”就像在onclick中返回false一样

Answer 4

href =“＃”使它跳到顶部，从逻辑上讲，为了防止这种行为，你应该用一个span或类似的东西替换'a'标签。 onclick应该仍然有效，除非SendPlaylist跳到顶部，否则它不应该改变你的滚动位置。

Answer 5

使用主播在页面上的链接之间跳转，或多或少地使用相关链接查看anyword2

<html>
<body>

<a href="#top">top</a>

<a href="#anylink">Jump to anylink</a>

<a name="anylink">TEXT</a>


<p> Top

<a href="#anylink2">Jump to anylink2</a>


<br><br><br><br><br>
<br><br><br><br><br>

<p> bottom



<a href="#bottom">Jump to Bottom</a>


<br><br><br><br><br><br><br><br>

<a href="#anylink2">Stay at link2</a>
<a name="anylink2">anylink 2 </a>
<a href="#bottom">Jump to Bottom</a>


<br><br><br><br><br<br><br<br><br

<br><br><br><br><br<br><br<br><br<br<br><br

<a name="bottom">You're at the bottom!</A>

<a href="#top">Jump to top</a>

</body>
</html>

Answer 6

浏览器移到顶端的原因是它试图找到名为“＃”的锚点。

您可以完全删除链接标记。任何元素的onclick处理程序都应该足以满足您的需求。

如何阻止链接更改页面上的位置（保持向后滚动位置）

6 个答案: