|
|
The
oncut event attribute in HTML specifies a script to be executed when a user cuts the content of an HTML element. This event is part of the Clipboard Events in HTML. |
Example of HTML oncut Event Attribute
It will Execute a JavaScript when cutting some text in an <input> element.
index.html
Example:
HTML
<input type="text" oncut="myFunction()" value="Try to cut this text">
Output should be:
Definition and Usage of HTML oncut Event Attribute
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 contenteditable to "true" (See "More Examples" below).
Tip: The oncut attribute 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 of HTML oncut Event Attribute
Syntax of HTML oncut Event Attribute
<element oncut="script">
Attribute Values of HTML oncut Event Attribute
| Value | Description |
|---|---|
| script | The script to be run on oncut |
Technical Details of HTML oncut Event Attribute
| Supported HTML tags: | ALL HTML elements |
|---|
How to execute a JavaScript when cutting some text in an <input> element
The code is to Try to cut this text.
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")
The code is to try to cut this tex.
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 event attributes |
| List of Clipboard Events Attribute | Clipboard Events Attribute |
| HTML oncopy Event Attribute | Clipboard Events Attribute |
| HTML oncut Event Attribute | Clipboard Events Attribute |
| HTML onpaste Event Attribute | Clipboard Events Attribute |
| Example of HTML oncut Event Attribute | Clipboard Events Attribute |
| Definition and Usage of HTML oncut Event Attribute | Clipboard Events Attribute |
| Browser Support of HTML oncut Event Attribute | Clipboard Events Attribute |
| Syntax of HTML oncut Event Attribute | Clipboard Events Attribute |
| Attribute Values of HTML oncut Event Attribute | Clipboard Events Attribute |
| Technical Details of HTML oncut Event Attribute | Clipboard Events Attribute |
| How to execute a JavaScript when cutting some text in an <input> element | Clipboard Events Attribute |
| How to execute a JavaScript when cutting some text of a <p> element (Note that contenteditable is set to "true") | Clipboard Events Attribute |
Type: | Develop |
Category: | Web Tutorial |
Sub Category: | Clipboard Events Attribute |
Uploaded by: | Admin |
Reffered: https://www.w3schools.com/tags/ev_oncut.asp