单击时，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 />。

Answer 2

重定向正在取消，因为您正在进行回发。添加返回false;在功能测试（）之后;

e.g

onclick="test();return false;"

Answer 3

尝试使用img标记：

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

Answer 4

输入类型图像没有onclick事件。您需要使用img标记。     <img onclick="Test();">