Javascript onmouseover& onmouseout无法禁用按钮

时间:2014-11-16 11:31:58

标签: javascript php html css html5

我正在尝试使用这段代码来实现一个在鼠标悬停时禁用的按钮,并在鼠标移出时启用。

<input type="button" value="submit" onMouseOver="this.disabled = true;" onMouseOut="this.disabled = false;" />

但它似乎不起作用。 它会在鼠标悬停时禁用该按钮,但在鼠标移出时不会启用它。 有什么建议? 谢谢!

2 个答案:

答案 0 :(得分:4)

Disabled elements do not fire events.您可以在元素顶部放置一个元素,并侦听在该元素上触发的事件。

答案 1 :(得分:2)

可以将mouseout设置为disabled =&#39;&#39;代替。

&#13;
&#13;
<input type="button" name="test" id="test" value="roll over me" onmouseover="this.disabled=true;" onmouseout="this.disabled='';">
&#13;
&#13;
&#13;

禁用的财产只会查看它是否存在。可以设置禁用=&#39;任何&#39;它将被禁用。此外,将填充添加到SPAN标记并允许事件正常工作。没有填充,它将不会捕获事件,因为输入按钮被禁用。在下面的代码中,添加了绿色背景以显示SPAN区域。

&#13;
&#13;
<span style="padding: 8px; background: green;"  onmouseout="this.firstChild.disabled='';"><input type="button" name="test" id="test" value="roll over me" onmouseover="this.disabled=true;"></span>
&#13;
&#13;
&#13;

希望这有帮助!

来源:&#34; Javascript: enable/disable button with mouseover/mouseout&#34;