javascript - 检查浏览器是否支持 document.execCommand insertText

Question

到目前为止我发现的唯一方法是document.queryCommandSupported('insertText')，尽管它看起来不正确，例如此代码在firefox中不起作用，但上面的命令返回true

txt = "aaaaaaaaaaaa";
  
$(document).ready(function() {
        console.log( document.queryCommandSupported('insertText') );
        $("#myinp").focus();
        document.execCommand("insertText", false, txt);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea  id="myinp" ></textarea>

那么，正确的方法是什么？

Answer 1

document.execCommand("insertText", false, txt) 返回 true/false，因此您可以使用:

if (document.execCommand("insertText", false, txt)) {
  // it worked
} else {
  // it didn't work
}

如果您正在寻找跨浏览器的方式来插入文本，请尝试 text-field-edit 。如果您需要 IE8+ 支持，请尝试insert-text-at-cursor包裹。他们都已经运行了此检查并有后备。