Thuộc tính sự kiện oncut trong HTML

Thuộc tính sự kiện oncut trong HTML được kích hoạt khi người dùng cắt (cut) nội dung của một phần tử HTML trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<tagname oncut="script"></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính sự kiện oncut trong HTML:

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    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;
    }
  </style>
</head>
<body>
<h1>Demo thuộc tính sự kiện oncut trong HTML</h1>
<p oncut="get()">Tôi là một phần tử đoạn văn HTML với một số văn bản giả.</p>
<p style="color:#db133a;">Bây giờ hãy thử cắt văn bản đoạn văn ở trên.</p>
<div class="show"></div>
<script>
  function get() {
    document.body.style.background = "lightblue";
  }
</script>
</body>
</html>

Kết quả

Bây giờ hãy thử cắt nội dung của phần tử đoạn văn để quan sát cách hoạt động của thuộc tính sự kiện oncut.