javascript - 输入集中但不可输入

Question

我有一个 <input readonly="true">元素。我将其设置为删除只读属性并在双击时聚焦该元素。我可以看到 readonly 属性被删除，光标在文本字段中闪烁。但是，当我键入时，什么也没有发生。如果我再次双击(单击没有任何作用)，我就可以输入了。这是为什么？

https://jsfiddle.net/kkj1wtef/

我在 Chrome 中遇到过这种情况。奇怪的是，在 Firefox 中，readonly 属性似乎根本不起作用。

Answer 1

无论出于何种原因，这似乎都能解决问题:

input.addEventListener('dblclick', function() {
    input.removeAttribute('readonly');
    input.blur();
    input.focus();
});

https://jsfiddle.net/kkj1wtef/2/