Question

奇怪的情况 - 当我将按钮的“类型”从“按钮”更改为“图像”时，它会停止工作。我在我的网站上做了100次这样的更改，之前我从未遇到过这个问题。

相关代码如下所示：

//working
<input type="button" value="Back" onClick="window.location='some/page.php'" />

//not working
<input type="image" src="/link/to/image.png" onClick="window.location='some/page.php'" />

我已经使用第一个代码测试了它并检查它将我转移到所需的页面。然后我只是改变了类型并用相关的“src”替换了“value”。按钮显示正常，但点击后，我只是回到我原来的页面上。

真正让我烦恼的是，第二段代码在我网站的其他部分工作得非常好。只是这个页面没有用。

真的很困惑 - 以前有人遇到过这个或者有什么建议吗？

Answer 1

您需要{strong>事件处理程序中的return false以阻止默认操作，因为输入type=image充当提交按钮< /强>

您也可以使用简单的<img />代码而不是<input />

Answer 2

您可能已将图像地图放在表单中。当您单击它时，您将提交表单。

您应该使用常规链接。这里不需要使用图像映射或JavaScript。

<a href="some/page.php">
    <img src="/link/to/image.png" alt="appropriate alternative text goes here">
</a>

按钮类型=“图像”不起作用

2 个答案: