Javascript onmouseover＆onmouseout无法禁用按钮[重复]

Question

This question already has an answer here:

• Javascript: enable/disable button with mouseover/mouseout 4 answers

I'm trying this piece of code to achieve a button that gets disabled on mouse hover and gets enabled on mouse out.

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

But it doesn't seem to work. It disables the button on mouse over but doesn't enable it on mouse out. Any suggestions? Thanks!

</div>

Answer 1

Disabled elements do not fire events. You can place a element over top of the element and listen to the event fired on that element.