输入类型image won't重定向点击

HTML Input type image won't redirect upon click?

本文关键字：重定向 类型 image won 输入      更新时间：2023-09-26

我有以下代码，可以正常工作:

<input type="button" name="btnHello" value="Hello" onclick="Test();"/>
下面是JS函数: 
function Test() {
  window.location.href = "Page2.aspx";
}

当我点击Hello按钮时，它会重定向到Page2。和预期的一样。但是当我将按钮更改为图像按钮时:

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

它不再工作。页面返回，但它更像是一个刷新。我可以在JS函数中放置一个警报，看看它正在被调用，但我不确定为什么重定向不起作用?有人经历过吗?

我知道这可能是愚蠢的事情，但我被难住了。

提前感谢!

您需要从事件处理程序中删除return false以防止默认操作。

但是，由于您一开始就不希望它回发，因此您不妨使用普通的<img />而不是<input />。

重定向被取消，因为您正在进行回发。添加返回false;函数test();

如

onclick="test();return false;"

尝试使用img标记:

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

input type image没有onclick事件。您需要使用img标记。<img onclick="Test();">

相关文章：