javascript - 无法专注于 Internet Explorer 中的 ContentEditable 表格单元格

Question

我正在使用以下内容来更改 contenteditable 表格单元格的值，然后专注于它

$("#click").click(function(){
        $("#location").text("me");
        $("#location").focus();
        return false;
});

以上适用于 Chrome 和 Firefox，但不适用于 IE。在 Internet Explorer 中，文本方法被处理，但焦点方法不起作用。在这里拉小提琴。我尝试将setTimeout 与 jQuery 方法结合使用，并使用vanilla JavaScript来获取 DOM 元素。不幸的是，这些方法都没有强制 IE 将注意力集中在元素上。

Answer 1

我将 HTML 属性从 TD 转移到内部 DIV。

<td id = 'location' contenteditable = 'true' width = '250px'>
    <div contenteditable = 'true'>

变成了

<td>
    <div contenteditable = 'true' width = '250px' id = 'location'>

解决了这个问题。工作小提琴