javascript - 图像作为 html 按钮

Question

我有一个图像，我希望它像一个按钮一样在其上执行 java 脚本 onclick，一切正常，除非我单击图像时它返回到页面顶部，我希望它保留页面当我单击链接图像时，在我滚动的同一位置（例如页面中间）。这是我的代码

<a id="dell" href="#"><img src="images/logo80.png" width="80" height="80" alt="Dell" /></a>

Answer 1

您必须阻止 a 标签的默认操作，否则它将使用 href。

在您的事件处理程序中尝试此操作。

$(document).ready(function() {
    $("#dell").click(function(e) {
        e.preventDefault();
        $("#boarder").toggle(500);
    });
});

另一个想法是，如果您不使用 a 标签导航到某个地方，您实际上不需要它。

Answer 2

你不需要用一个

<a> 

标签，这就是将您带到文档顶部的内容（href="#"）。

如果要将光标设置为手形图标，请通过 css 进行：

img { cursor: hand; cursor: pointer; }

Answer 3

这是一个使用内联 javascript 的示例。

<a id="dell" href="#" onclick="alert('hello world!'); return false;"><img src="http://static.adzerk.net/Advertisers/37332fa8c2654aef804e417e3788e977.png" width="80" height="80" alt="Dell" /></a>

Answer 4

那么问题只是关于你的标签。您设置了一个 href='#' 表示“重新加载”，这就是浏览器将您带到页面的原因。

为了在单击时设置 javascript 事件，请尝试以下操作：

否则还有其他方法，例如属性 onclick='nameOfYourFunction()' 或 jQuery 事件。