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