The DOM execCommand() method in HTML DOM is used to execute a command specified by the user on the editable selected section.
Syntax:
document.execCommand( command, showUI, value )Parameters: This method accepts three parameters which are listed below:
- command: This parameter hold the name of command which is execute on the selected section. There are many commands in HTML some of them are: backcolor, bold, copy, cut, delete etc.
- showUI: It holds the Boolean value which indicating whether the UI shown or not.
- value: This parameter holds the value of commands.
Note: This method has been DEPRECATED and is no longer recommended.
Return Value: It returns a Boolean value. If the command is supported then it returns True otherwise returns False.
Example:
<!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>
Output:
Before Select the content:
After Select the content:
After Moving Mouse pointer:
Supported Browsers: The browser supported by DOM execCommand() Method are listed below:
