Método HTML DOM queryCommandEnabled()

El método queryCommandEnabled() se usa para verificar si el navegador habilita o no el comando especificado.

Sintaxis:

isEnabled = document.queryCommandEnabled( command );

Parámetros:

  • comando: Es el comando para el cual se tiene que determinar el apoyo.

Valor de retorno: Devuelve un valor booleano que especifica si el navegador habilita el comando. Devuelve verdadero si el comando está habilitado y falso si el comando está deshabilitado.

Ejemplo 1: Este ejemplo muestra si el comando «selectAll» está habilitado o no. Podemos usar esta información para ejecutar el comando usando el método execCommand() o mostrar un mensaje al usuario si no es compatible.

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>

Producción:

Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Ejemplo 2: este ejemplo muestra el caso en el que este método devolverá falso ya que el comando dado no es válido.

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>
  • Producción:

    Antes de hacer clic en el botón:
     

  • Después de hacer clic en el botón:

Navegadores compatibles: :

  • Google Chrome
  • Borde 12
  • Firefox 41
  • Safari
  • Ópera
  • explorador de Internet

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *