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:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM execCommand() Method
</title>
<script>
document.designMode = "on";
function execfunction(event) {
document.execCommand("bold");
}
</script>
</head>
<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:
- Chrome
- Internet Explorer 9.0
- Opera 29.0
- Firefox 41.0
- Apple Safari 20.0
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!