Question

我希望在单击图像时触发事件，但我无法弄清楚如何实现这一点。单击图像时是否可以触发事件？

<form>
  <input type="button" name="button" value="Download" onclick="passWord()" class="button"/>
</form>

jsfiddle：https://jsfiddle.net/29mf5wf9/

Answer 1

请参阅此fiddle

您可以使用image代替button input type。它仍然是一个按钮。

<强> HTML

<input type="image" src="image/path" name="button" value="Download" onclick="passWord()" class="button"/>

根据docs

<input type="image">是图形提交按钮。

使用javascript函数查看updated fiddle ..

Answer 2

您需要在类型中指定图像。

<form>
    <input type="image" src="http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo.png" name="button" value="Download" onclick="passWord()" class="button"/>
</form>

Answer 3

您可以在此处找到信息：http://www.w3schools.com/tags/att_input_src.asp

<input type="image" src="your_image.png" name="button" value="Download" alt="Download" onclick="passWord();" class="button" width="your_image_width" height="your_image_height">

带图像的输入类型按钮

3 个答案:

请参阅此fiddle