Método de consulta HTML DOMCommandSupported()

El método queryCommandSupported() comprueba si el comando del editor especificado es compatible con el navegador o no.

Sintaxis:

check = document.queryCommandSupported(command);

Parámetros: este método acepta un comando de parámetro único que contiene el comando para el que queremos decidir si el navegador lo admite.

Valor de retorno:

  • true , si el navegador admite el comando.
  • false , si el comando no es compatible con el navegador.

Ejemplo 1: este ejemplo muestra el método ueryCommandSupported() cuando devuelve true .

Mostrará si el comando es compatible o no, buscaremos el comando » SelectAll » y luego ejecutaremos ese comando mediante el método execCommand() .

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM range
        queryCommandSupported() method
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <p>
        A<br>
        B<br>
    </p>
    <button onclick="sel()">Click</button>
  
    <script>
        function sel() {
            var check = document
                .queryCommandSupported("SelectAll");
            console.log(check);
  
            if (check) {
                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: en la consola, se puede ver el verdadero valor booleano, ya que el comando es compatible con el navegador.

Ejemplo 2: En este ejemplo, este método devolverá «falso» ya que el comando no es compatible con el navegador.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM range 
        queryCommandSupported() method
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <p>
        A<br>
        B<br>
    </p>
    <button onclick="sel()">Click</button>
  
    <script>
        function sel() {
            var check = document
                .queryCommandSupported("Select");
  
            console.log(check);
        }
    </script>
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:

  • Después de hacer clic en el botón: en este ejemplo, el comando no es compatible y no es válido, por lo que el método devuelve falso .

Navegadores compatibles: los navegadores compatibles con el método DOM queryCommandSupported() se enumeran a continuación.

  • Google Chrome
  • Borde
  • Firefox
  • 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 *