Firefox可以在textarea中使用document.execCommand吗？

Question

将光标放在一个可信的div ，Chrome和Firefox都可以模拟输入“sometext”，如下所示：

document.execCommand('insertText', false, 'sometext');

在Chrome中，当你在textarea时，这也适用。 在Firefox中，我收到错误“NS_ERROR_FAILURE：”。

这是一个小提琴演示： http ： //jsfiddle.net/ukx37/ 。 在Chrome中，按Enter键，然后输入“ENTER \\ n”。 在Firefox中，键入“\\ n”并收到错误NS_ERROR_FAILURE。

有没有人知道是否有办法在Firefox中使用它？ 或者，如果没有，是否有一些方法可以在没有try-catch语句的情况下测试支持？

此外，我不想手动编辑textarea的值，因为这样做会破坏编辑历史记录。

Answer 1

弄清楚错误是由于焦点Node不是contentEditable而被触发的。 如果你使textarea contentEditable，它会停止触发错误，但会得到所有错误。 Firefox有时会将插入的文本放在textarea中，有时将它作为textarea的子节点放在DOM中（并且永远不会显示它），有时什么都不做。 没有错误被触发，但它仍然无法使用。 使父contentEditable和textarea不相同。

我现在使用的答案是功能检测，如果它不“正常工作”就会放弃。 如果有人让Firefox上班，我会不接受这个并接受他们的。 在那之前，这是我正在使用的代码。

var canEditInput = (function () {
    try {
        var t = document.createElement('textarea');
        document.body.appendChild(t);
        t.focus();
        document.execCommand('insertText', false, 'x');
        document.body.removeChild(t);
        return t.value === 'x';
    } catch (e) {
        return false;
    }
})();

请注意，我们不能给t display:none; 因为那时它无法集中注意力。 但它应该没关系，因为JS应该在浏览器开始绘制下一帧之前完成（并删除t ）。