HTML oncut Attribute - HTML Attribute

Definition and Usage

The oncut attribute fires when the user cuts the content of an element.

Note: Although the oncut attribute 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 the contenteditable attribute to "true" (See "More Examples" below).

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

Applies to

The oncut attribute is part of the Event Attributes, and can be used on any HTML elements.

Elements	Event
All HTML elements	oncut

Browser Support

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

Input Example.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

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

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "You cut text!";
}
</script>

</body>
</html>

Output should be:

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

P Example.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

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

<script>
function myFunction() {
  alert("You cut text!");
}
</script>

</body>
</html>

Output should be:

html oncut attribute

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference