Javascript:启用/禁用鼠标悬停/鼠标移出按钮

这应该很简单:
<input type="button" name="test" id="test" value="roll over me" onmouseover="this.disabled=true;" onmouseout="this.disabled=false;">
如果我将鼠标光标放在这个按钮上，它就会被禁用..yay!
但是现在当我将光标移出时，它没有被启用......嘘。

我理解禁用它的概念意味着你不能用它做任何事情。但是，如何通过鼠标移开来启用它？是否可以？我错过了什么吗？

最佳答案

您应该将 mouseout 设置为 disabled = ''。

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

disabled 属性只查看它是否存在。您可以设置 disabled='anything' 它将被禁用。过去，您只需要在属性中使用关键字 disabled 但对于有效的 XHTML，您需要将每个属性设置为等于某物。

编辑:
我稍微尝试了一下，并在 SPAN 标签中添加了一些填充，它允许事件正常工作。没有填充，它不会捕获事件，因为输入按钮被禁用。我只是将背景设为红色，因此很容易看到 SPAN 用完的区域。

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

关于Javascript:启用/禁用鼠标悬停/鼠标移出按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1744138/