javascript - html 中的只读属性与removeAttribute 不一致

Question

我正在尝试禁用页面上的用户名和密码字段的自动填充提示，并且在我在现有代码中引入以下行后，这样做非常成功。 readonly onfocus="myFunc(this.id)。虽然我最初尝试过 autocomplete="false" 或 autocomplete="off" 但没有如果有任何帮助，我只是让它存在。

<tr>                                                              
   <td align="right">Username:</td>
   <td><input type="text" name="username" class="input" MAXLENGTH=8 size="25" autocomplete="false" id="username " readonly onfocus="myFunc(this.id)" onKeyPress="return submit(event)"></td>
</tr>   

重点是上面的代码确实有助于禁用自动填充功能[在大多数浏览器中]，但是当我点击空文本框输入用户名时，文本框是空的并且不包含任何内容来自键盘的输入(就好像它仍然是只读的 - 仅在 IE11 中出现问题)。单击时应用颜色更改。调用的JS函数如下。

function myFunc(x) {
  //x.removeAttribute('readonly'); 
  //x.style.background = "yellow";
  document.getElementById(x).removeAttribute("readonly"); 
  document.getElementById(x).style.background = "yellow";
}

现在，第二次单击文本框即可让我输入内容。有人可以告诉我如何在 IE 中修复此行为吗？

Answer 1

这里已经回答了:Readonly input box bug in Internet Explorer

Try document.getElementById(x).select() , it should give the cursor back to the input.