javascript - Readonly false 后跟焦点在 ie 7 中不起作用

Question

有人能帮我吗..

我有一个文本框，在页面加载时默认为只读。在此文本框的单击事件中，我必须做两件事。

• 使其可编辑
• 专注于文本框

为此，我编写了一个代码removeAttr以使其可编辑，然后focus()继续关注它。

它按预期在 IE8+、FF、Chrome 中运行。但我也需要让它在 IE7 中工作，因为我们在客户端的兼容浏览器列表中有 IE7。

注意：问题仅在于焦点，单击后文本框变为可编辑。但需要第二次点击才能保持专注。期望它只在第一次点击时完成。

<input name="testId" id="testId" size="25" maxlength="40"  tabindex="21" class="width250" readonly="true"/>

$("#testId").click(function(){
   $(this).removeAttr("readonly");
   $(this).focus();
});

Answer 1

IE 的一个毛病是大多数事件不会自动更新 DOM。您所做的是取消焦点元素并再次将其聚焦以使其可编辑。

试试这个方法，它会解决你在 IE 上的问题

$("#testId").click(function () {
   $(this).removeAttr("readonly").blur().focus();
});

Answer 2

尝试为focus.

$("#testId").click(function(){
   $(this).removeAttr("readonly");
   setTimeout(function() {$(this).focus(); }, 10);
});

（从这里）