HTML oncut Event Attribute

HTMLWeb DevelopmentFront End Technology

The HTML oncut event attribute is triggered when user cuts the content of an HTML element in an HTML document.


Following is the syntax −

<tagname oncut=”script”></tagname>


Let us see an example of HTML oncut event Attribute −

Live Demo

<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   body {
      color: #000;
      height: 100vh;
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
      text-align: center;
      padding: 20px;
   p {
      font-size: 1.1rem;
<h1>HTML oncut Event Attribute Demo</h1>
<p oncut="get()">I'm a paragraph HTML element with some dummy text.</p>
<p style="color:#db133a;">Now try to cut above paragraph text.</p>
<div class="show"></div>
   function get() { = "lightblue";


Now try to cut the content of paragraph element to observe how oncut event attribute work.

Published on 24-Sep-2019 12:15:08