javascript - IE11 与 jQuery 的 'readonly' 不兼容？

Question

我正在运行的代码在 Firefox 或 Chrome 中没有问题。用户正在一个文本框中键入内容，然后按 Tab 键切换到下一个文本框，然后可以继续在其中键入内容。

当我在 IE11 上运行网页时，用户切换到下一个文本框并且无法输入任何内容。必须双击文本框才能插入任何内容。

我用谷歌搜索了一下，似乎有时 IE 在使用一些较旧的 jQuery 时会出现问题(即它更喜欢 'prop' 而不是 'attr')。在下面的代码中，jQuery 的 readonly 关键字是否以 IE11 不再识别/接受的方式使用？

我假设问题出在 readonly 上，因为 removeClass('ignore') 正在按预期工作。

 //when focus is on textbox 1
  $("#Field1").focus(function() {

        //remove readonly property from textbox 1
         $('#Field1').prop('readonly', false).removeClass('ignore');

          //add readonly property to all other textboxes
         $('#Field2, #Field3, #Field4')
                .prop('readonly', 'readonly').addClass('ignore').val(''); 
});

我正在使用 jQuery 2.1.3

Answer 1

使用 bool 值作为属性值，而不是字符串

$('#Field2, #Field3, #Field4')
            .prop('readonly', true).addClass('ignore').val('');