1. Home

oncut Event

Execute a JavaScript when cutting some text in an <input> element

Definition and Usage

The oncut event occurs when the user cuts the content of an element.

Note: Although the oncut event is supported by all HTML elements, it is not actually possible to cut the content of, for example, a <p> element, UNLESS the element has set contenteditable to "true" (See "More Examples" below).
Tip: The oncut event is mostly used on <input> elements with type="text".
Tip: There are three ways to cut the content of an element:
  • Press CTRL + X
  • Select "Cut" from the Edit menu in your browser
  • Right click to display the context menu and select the "Cut" command

    • Browser Support

    Event
    oncut Yes Yes Yes Yes Yes

    Syntax

    In HTML:

    <element oncut="myScript">

    In JavaScript:

    object.oncut = function(){myScript};

    In JavaScript, using the addEventListener() method:

    object.addEventListener("cut", myScript);
    Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.

    Technical Details

    Bubbles: Yes
    Cancelable: Yes
    Event type: ClipboardEvent
    Supported HTML tags: All HTML elements

    More Examples

    Example

    Execute a JavaScript when cutting some text of a <p> element (Note that contenteditable is set to "true"):

    <p contenteditable="true" oncut="myFunction()">Try to cut this text</p>

    Related Pages

    HTML DOM reference: oncopy event

    HTML DOM reference: onpaste event

    Categories

    HTML CSS3 Bootstrap Foundation Sass JavaScript TypeScript JQuery AngularJS React NodeJS Highcharts PHP Python Python3 Django Linux Docker Ruby Java C C ++ Perl Servlet JSP Lua Scala Go ASP C # SQL MySQL SQLite MongoDB Redis Android Swift ionic Kotlin XML tutorial

    Contact US