Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính sự kiện nội soi HTML

Thuộc tính nội soi HTML được kích hoạt khi người dùng sao chép nội dung của phần tử HTML trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

<tagname oncopy=”script”></tagname>

Ví dụ

Hãy để chúng tôi xem một ví dụ về Thuộc tính sự kiện nội soi 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>HTML oncopy Event Attribute Demo</h1>
<p oncopy="get()">I'm a paragraph HTML element with some dummy text.</p>
<p style="color:#db133a;">Now try to copy above paragraph text.</p>
<div class="show"></div>
<script>
   function get() {
      document.body.style.background = "lightblue";
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính sự kiện nội soi HTML

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

Thuộc tính sự kiện nội soi HTML