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

Thuộc tính sự kiện oncopy trong HTML được kích hoạt khi người dùng sao chép (copy) 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 oncopy="script"></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính sự kiện oncopy 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 oncopy trong HTML</h1>
<p oncopy="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ử sao chép 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ử sao chép 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 oncopy.