HTML oncut Attribute
This attribute fires when the user cut or delete the content that has been present in the element. It is a Boolean type attribute. This attribute is supported by all HTML elements but it is possible for that element which has a ContentEditable attribute set to “true”.
Note:There are 3 ways to cut the content of an element:
- Press CTRL + X
- Select “Cut” from the Edit menu in your browser
- Right click and then select the “Cut” command
Syntax:
<element oncut = "script">
Attribute: This attribute is a part of event attribute and it can be used in any HTML elements. The script will be run when oncut attribute call.
Example 1:
HTML
<!DOCTYPE html> < html > < head > < title >oncut attribute</ title > < style > body { text-align: center; } h1 { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >oncut attribute in input element</ h2 > < input type = "text" oncut = "Beginner()" value = "BeginnerForGeek: A computer science portal for Beginner" > < p id = "sudo" ></ p > < script > function Beginner() { document.getElementById("sudo").innerHTML = "Cut the text!"; } </ script > </ body > </ html > |
Output:
Example 2:
HTML
<!DOCTYPE html> < html > < head > < title >oncut attribute</ title > < style > body { text-align: center; } h1 { color: green; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >oncut attribute in input element</ h2 > < p contenteditable = "true" oncut = "Beginner()" > w3wiki: A computer science portal for Beginner. </ p > < script > function Beginner() { alert("Cut the text!"); } </ script > </ body > </ html > |
Output:
Supported Browsers: The browser supported by oncut attribute are listed below:
- Google Chrome
- Edge
- Firefox
- Opera
- Safari
Contact Us