HTML DOM execCommand()用法及代碼示例

HTML DOM中的DOM execCommand()方法用於執行用戶在可編輯所選部分上指定的命令。

用法:

document.execCommand( command, showUI, value )

參數：此方法接受下麵列出的三個參數：

command:此參數保存在選定部分執行的命令的名稱。 HTML中有許多命令，其中一些是：背景色，粗體，複製，剪切，刪除等。
showUI:它包含指示是否顯示UI的布爾值。
value:此參數保存命令的值。

返回值：它返回一個布爾值。如果支持該命令，則返回True，否則返回False。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            HTML DOM execCommand() Method 
        </title> 
          
        <!--script to make text bold-->
        <script> 
            document.designMode = "on"; 
              
            function execfunction(event) { 
                document.execCommand("bold"); 
            } 
        </script> 
    </head> 
      
    <!--onmouseout event when the user moves the mouse  
    pointer after selecting, this execfunction() 
    will execute.-->
    <body onmouseout = "execfunction(event)"> 
      
        <h1> 
            Welcome to GeekforGeeks 
        </h1> 
          
        <h3> 
            Document execCommand() Method 
        </h3> 
          
        <p> 
            The execCommand() method executes a specified  
            command on selected text or section. 
        </p> 
          
        <p> 
            Select some text in this page, and move the mouse 
            pointer away from it. It will make the text bold. 
        </p> 
    </body> 
</html>

輸出：
選擇內容之前：

選擇內容後：

移動鼠標指針後：

支持的瀏覽器：下麵列出了DOM execCommand()方法支持的瀏覽器：

chrome
Internet Explorer 9.0
Opera 29.0
Firefox 41.0
蘋果Safari 20.0

相關用法

注：本文由純淨天空篩選整理自ProgrammerAnvesh大神的英文原創作品 HTML | DOM execCommand() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。