javascript - 禁用 input type="image" 作为按钮

Question

我有一个图像作为按钮..我想在点击时禁用图像...我该怎么做？

<input type="image" src="someimage.png" height="20px" width="20px"  name="button" />

Answer 1

html（添加 id）：

<input id="btn" type="image" src="someimage.png" height="20px" width="20px"  name="button" />

js：

document.getElementById("btn").onclick = function(){
  this.disabled = true
}

http://jsfiddle.net/Dtgb4/

或者你可以添加属性onclick="this.disabled = true"

更新评论：

您可以使用 CSS 规则:disabled来设置禁用按钮的样式

http://jsfiddle.net/Dtgb4/1/

PS 伪类：仅对现代浏览器禁用（不适用于 IE8-）。

Answer 2

除非您有特定理由使用输入类型，否则不应将其用于图像。

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

使用图像类型，并且没有 onclick 处理程序。

Answer 3

您可以使用

<button height="20px" width="20px"  name="button"><img src="someimage.png"/></button>

现在您可以像平常一样禁用按钮