HTML oncut Attribute
Last Updated :
04 Aug, 2023
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...