Open In App
Related Articles

HTML oncut Attribute

Improve Article
Improve
Save Article
Save
Like Article
Like

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
Previous
Next
Similar Reads
Complete Tutorials