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

Question

这应该很简单:

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

如果我将鼠标光标放在这个按钮上，它就会被禁用..耶!但是现在当我将光标移出时，它并没有被启用......嘘。

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

Answer 1

您应该将鼠标移出设置为 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>