javascript启用双击输入

Umb*_*lla 9 html javascript forms

我有一个禁用了一些输入的表单.我希望双击时启用这些输入.不幸的是,JS事件似乎不会触发残疾人输入.

<input type="text" value="asdf" disabled="disabled" ondblclick="this.disabled=false;">?
Run Code Online (Sandbox Code Playgroud)

有没有解决这个限制的方法?

或者我只是要在一个范围内包装任何受影响的输入来容纳事件?

http://jsfiddle.net/vhktx/

小智 16

ondblclick如果没有对disabled元素触发,则应将其标记为readonly:

<input type="text" value="asdf" readonly="true" ondblclick="this.readOnly='';">
Run Code Online (Sandbox Code Playgroud)

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

  • 您还可以添加 `onblur="this.readOnly='true';"` 以使其在输入外部单击时返回其只读状态。并使用 `:read-only` CSS 标签来设置元素的样式,同时它是只读的还是可编辑的。 (3认同)

Gab*_*abe 5

您必须将元素包装在容器中,因为该事件不会在禁用的元素上触发。

jsFiddle

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