我正在尝试使用这段代码来实现一个在鼠标悬停时禁用的按钮,并在鼠标移出时启用。
<input type="button" value="submit" onMouseOver="this.disabled = true;" onMouseOut="this.disabled = false;" />
但它似乎不起作用。 它会在鼠标悬停时禁用该按钮,但在鼠标移出时不会启用它。 有什么建议? 谢谢!
答案 0 :(得分:4)
Disabled elements do not fire events.您可以在元素顶部放置一个元素,并侦听在该元素上触发的事件。
答案 1 :(得分:2)
可以将mouseout设置为disabled =&#39;&#39;代替。
<input type="button" name="test" id="test" value="roll over me" onmouseover="this.disabled=true;" onmouseout="this.disabled='';">
&#13;
禁用的财产只会查看它是否存在。可以设置禁用=&#39;任何&#39;它将被禁用。此外,将填充添加到SPAN标记并允许事件正常工作。没有填充,它将不会捕获事件,因为输入按钮被禁用。在下面的代码中,添加了绿色背景以显示SPAN区域。
<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;
希望这有帮助!
来源:&#34; Javascript: enable/disable button with mouseover/mouseout&#34;