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>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>