Javascript onmouseover & onmouseout 无法禁用按钮

Javascript onmouseover & onmouseout not working to disable button

本文关键字：按钮 onmouseout onmouseover amp Javascript      更新时间：2023-09-26

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

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

但它似乎不起作用。它会在鼠标悬停时禁用按钮，但在鼠标悬停时不会启用它。有什么建议吗？谢谢！

禁用元素不会触发事件。您可以将元素放在元素的顶部，并侦听在该元素上触发的事件。

可以将鼠标输出设置为禁用 = ''。

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

禁用属性仅查看它是否存在。可以设置禁用="任何"，它将被禁用。此外，向 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>

希望这有帮助！

来源："Javascript：使用鼠标悬停/鼠标退出启用/禁用按钮"

相关文章：