Tutorialspoint.dev

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 those element which have 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:



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

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

  • Apple Safari
  • Google Chrome
  • Firefox
  • Opera
  • Internet Explorer


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter