將execCommand應用於任意文本

Question

我知道如何在某些選定的文本上執行execCommand，但有沒有辦法在我的contenteditable div中執行其他文本？

Answer 1

在IE中，是的。在其他瀏覽器中，不。

所有主流桌面瀏覽器都實現某種形式的document.execCommand()，僅對用戶選擇起作用。在IE中，TextRange對象也有一個execCommand方法。

<div id="test">Here is a test div</div> 

<script type="text/javascript"> 
    var div = document.getElementById("test"); 
    div.onmouseover = function() { 
     if (document.body.createTextRange) { 
      var textRange = document.body.createTextRange(); 
      textRange.moveToElementText(div); 
      textRange.execCommand("foreColor", false, "green"); 
     } 
    }; 
</script> 

Answer 2

如果您不知道，.execCommand是IE應該避免的非標準JavaScript函數。

如果您告訴我們您要使用它，那麼我們可以建議一個符合標準的替代方案。