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

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

Thuộc tính onpaste HTML được kích hoạt khi người dùng dán một số nội dung vào phần tử HTML trong tài liệu HTML.

Cú pháp

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

<tagname onpast=”script”></tagname>

Hãy để chúng tôi xem một ví dụ về Thuộc tính sự kiện onpaste HTML -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
      padding: 20px;
   }
   p {
      border: 2px solid #fff;
      padding: 8px;
      text-align: justify;
   }
   textarea {
      border: 2px solid #fff;
      background: transparent;
      font-size: 1rem;
   }
   ::placeholder {
      color: #000;
      font-size: 1rem;
   }
</style>
</head>
<body>
<h1>HTML onpaste Event Attribute Demo</h1>
<p>
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text. 
I'm a paragraph element with some dummy text.
</p>
<textarea placeholder="Paste above text here" onpaste="pasteFn()" rows='8' cols="50" required></textarea>
<script>
   function pasteFn() {
      document.querySelector('textarea').style.background = '#fff';
   }
</script>
</body>
</html>

Đầu ra

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

Bây giờ, hãy thử sao chép và dán đoạn văn bản trong vùng văn bản và quan sát cách hoạt động của thuộc tính sự kiện onpaste -

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