document.execCommand在firefox在不能支持

发布于
2017-01-19

更新于
2017-01-19

document.execCommand("insertHTML",false,value);这个方法在firefox在不能支持,有谁知道怎么办吗?

 demo代码在这里.请用firefox打开.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <style>
      div{
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
    </style>
  </head>
  <body>
    <input id="input" type="text"/>
    <button onclick="getText(this);">文字</button>
    <script>
      var input = document.querySelector("input")
      function getText(tz){
        input.focus();
        document.execCommand("insertHTML", false, tz.innerHTML);
        
        //这样才能触发change
        input.blur();
        
        return false;
      }
    </script>
  </body>
</html>

javascript

阅读 4.4k

2 个回答

同求。我的document.execCommand('formatBlock', false, '<p>')也不能运行，没有套上p标签，只在末尾加上
,别的浏览器都没问题，只有火狐不行。
`// 可输入div，回车键触发后在行上加p标签

$('div').on('keypress', function(e) {
    var theEvent = e || window.event;
    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
    if( code == 13 ) {
        document.execCommand('FormatBlock', 'false', '<p>');
    }
});`