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

queryCommandEnabled()方法用於檢查瀏覽器是否啟用了指定的命令。

用法:

isEnabled = document.queryCommandEnabled( command );

參數：

command:這是必須為其確定支持的命令。

返回值：它返回一個布爾值，該布爾值指定瀏覽器是否啟用了該命令。如果啟用該命令，則返回true；如果禁用該命令，則返回false。

範例1：本示例顯示“selectAll”命令是否啟用。我們可以使用此信息通過execCommand()方法執行命令，或者在不支持的情況下向用戶顯示一條消息。

HTML

<html> 
<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM queryCommandEnabled() method 
    </title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p> 
        A<br> 
        B<br> 
    </p> 
  
    <button onclick="checkCommand()"> 
        Click 
    </button> 
  
    <script> 
        function checkCommand() { 
  
            // Check if the command is 
            // enabled using the  
            // queryCommandEnabled() method 
            var isEnabled = document 
                .queryCommandEnabled("SelectAll"); 
  
            // Show the output to the console 
            console.log(isEnabled); 
  
            // Execute the command if the  
            // task is enabled 
            if (isEnabled) { 
                document.execCommand("SelectAll", 
                    false, null); 
            } 
        } 
    </script> 
</body> 
  
</html>

輸出：

單擊按鈕之前：

單擊按鈕後：

範例2：此示例說明了由於給定命令無效而該方法將返回false的情況。

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM queryCommandEnabled() method 
    </title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p> 
        A<br> 
        B<br> 
    </p> 
  
    <button onclick="checkCommand()"> 
        Click 
    </button> 
  
    <script> 
        function checkCommand() { 
  
            // Checking to see if an invalid 
            // command is enabled 
            var isEnabled = 
                document.queryCommandEnabled("Select"); 
  
            // Show the output to the console 
            console.log(isEnabled); 
        } 
    </script> 
</body> 
  
</html>

輸出：

單擊按鈕之前：
單擊按鈕後：

支持的瀏覽器：：

穀歌瀏覽器
邊12
Firefox 41
Safari
Opera
IE瀏覽器

相關用法

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