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 >GeeksForGeeks</ h1 >
< h2 >oncut attribute in input element</ h2 >
< input type = "text"
oncut = "Geeks()"
value = "GeeksForGeek: A computer science portal for Geeks" >
< p id = "sudo" ></ p >
< script >
function Geeks() {
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 >GeeksForGeeks</ h1 >
< h2 >oncut attribute in input element</ h2 >
< p contenteditable = "true"
oncut = "Geeks()" >
GeeksforGeeks: A computer science portal for geeks.
</ p >
< script >
function Geeks() {
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
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!
Last Updated :
04 Aug, 2023
Like Article
Save Article