Internet Explorer - 焦点事件无效

时间:2018-01-23 07:08:29

标签: javascript jquery internet-explorer

我将输入字段设置为只读,当它们获得焦点时,我删除了readonly属性以防止自动填充行为,但它适用于除IE之外的所有浏览器。

jsfiddle https://jsfiddle.net/rbx0vgcs/

我尝试了超时,我尝试过本机JS,似乎没什么用,有什么建议吗?

3 个答案:

答案 0 :(得分:0)

试试这个

<input autocomplete="new-password" />

Courtesy of MDN

答案 1 :(得分:0)

我在IE中尝试了代码。焦点有效,但我没有从DOM中删除属性。

尝试以下代码:

$('input').on('focus', function(){
  console.log(this.attributes.length);
  $(this).removeAttr('readonly');
  console.log(this.attributes.length);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input readonly>

如您所见,在删除readonly之前,attributes.length为1,之后为0。

它也适用于IE。

答案 2 :(得分:-1)

在输入字段可编辑后,您可能需要模糊并重新聚焦输入字段。