El método DOM execCommand() en HTML DOM se usa para ejecutar un comando especificado por el usuario en la sección editable seleccionada.
Sintaxis:
document.execCommand( command, showUI, value )
Parámetros: este método acepta tres parámetros que se enumeran a continuación:
- comando: este parámetro contiene el nombre del comando que se ejecuta en la sección seleccionada. Hay muchos comandos en HTML, algunos de ellos son: backcolor , bold , copy , cut , delete , etc.
- showUI: contiene el valor booleano que indica si se muestra o no la interfaz de usuario.
- valor: este parámetro contiene el valor de los comandos.
Nota: Este método está DESAPROBADO y ya no se recomienda.
Valor devuelto: Devuelve un valor booleano. Si el comando es compatible, devuelve True; de lo contrario, devuelve False.
Ejemplo:
html
<!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>
Producción:
Antes Seleccione el contenido:
Después de seleccionar el contenido:
Después de mover el puntero del mouse:
Navegadores compatibles: los navegadores compatibles con el método DOM execCommand() se enumeran a continuación:
- Cromo
- Internet Explorer 9.0
- Ópera 29.0
- Firefox 41.0
- Apple Safari 20.0
Publicación traducida automáticamente
Artículo escrito por ProgrammerAnvesh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA