Javascript:使用mouseover/mouseout启用/禁用按钮

Question

这应该非常简单:

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

如果我将鼠标光标放在此按钮上,它将被禁用..祝你好!但是现在当我将光标移出时,它没有启用...嘘.

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

Answer 1

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

<input type="button" name="test" id="test" value="roll over me" onmouseover="this.disabled=true;" onmouseout="this.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>