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

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

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

Cú pháp

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

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

Ví dụ

Hãy để chúng tôi xem một ví dụ về Thuộc tính sự kiện oncut 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 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>
<script>
   function get() {
      document.body.style.background = "lightblue";
   }
</script>
</body>
</html>

Đầu ra

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

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.

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