Double click javascript permission insert

Question

I have a form with some inputs disabled. I want these inputs to be turned on with a double click. Unfortunately, JS events don't seem to fire when inputs are disabled.

<input type="text" value="asdf" disabled="disabled" ondblclick="this.disabled=false;">​ 

Is there any way to limit this restriction?

Or will I just have to wrap any affected input in the gap to accommodate the event?

http://jsfiddle.net/vhktx/

Answer 1

ondblclick does not start in the disabled element, you should mark it as readonly :

 <input type="text" value="asdf" readonly="true" ondblclick="this.readOnly='';"> 

http://jsfiddle.net/vhktx/4/

Answer 2

You will have to wrap the item in a container, as the event will not fire when the items are disabled.

jsFiddle

 <div ondblclick="document.getElementById('test').disabled=false;"> <input type="text" id="test" value="asdf" disabled="disabled"></div>