THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

oncut Event

Event Object Reference Event Object

Example

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

<input type="text" oncut="myFunction()" value="Try to cut this text">
Try it Yourself »

More "Try it Yourself" examples below.


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">
Try it Yourself »

In JavaScript:

object.oncut=function(){myScript};
Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("cut", myScript);
Try it Yourself »

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

Examples

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>
Try it Yourself »

Related Pages

HTML DOM reference: oncopy event

HTML DOM reference: onpaste event


Event Object Reference Event Object