javascript - HTML 输入类型图像不会在单击时重定向？

Question

我有以下代码，效果很好:

<input type="button" name="btnHello" value="Hello" onclick="Test();"/>

这是 JS 函数:

function Test() {
  window.location.href = "Page2.aspx";
}

当我单击 Hello 按钮时，它会按预期重定向到 Page2.aspx。但是当我将按钮更改为图像按钮时:

<input type="image" src="images/myimage.jpg" name="btnHello" onclick="Test();"/>

它不再有效。该页面回发，但更像是刷新。我可以在 JS 函数中放置一个警报以查看它是否被调用，但我不确定为什么重定向不起作用？有没有人遇到过这种情况？

我知道这可能有些愚蠢，但我很难过。

非常感谢!

Answer 1

您需要 return false从事件处理程序中阻止默认操作。

但是，既然您一开始就不希望它回发，您不妨使用普通的 <img />而不是 <input /> .