Sự kiện onpaste không gán trực tiếp trong JavaScript

Sự kiện onpaste không gán trực tiếp trong JavaScript

Sự kiện onpaste không gán trực tiếp trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Sự kiện onpaste không gán trực tiếp trong JavaScript</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#ktrai{width:49%;float:left;height:auto}
textarea{width:100%;float:left;height:150px;padding:10px;margin-bottom:5px}
#kphai{width:49%;float:right;height:auto}
</style>
</head>
<body>

<h1>Sự kiện onpaste không gán trực tiếp trong JavaScript</h1>
<p>Dùng để xử lý sự kiện khi người dùng thực hiện hành vi paste nội dung đã copy vào phần tử HTML, bạn có thể làm kết quả thông báo paste thành công hoặc cài đặt không cho phép paste nội dung:</p>

<div id="ktrai">
 <textarea id="noidung" >Được phép paste nội dung vào đây!&lt;/textarea><br>
 <span id="tbao" style="color:green"></span>
</div>
<div id="kphai">
 <textarea id="noidung2" >Không được phép paste nội dung vào đây!&lt;/textarea><br>
 <span id="tbao2" style="color:red"></span>
</div>

<script>
var noidung = document.getElementById("noidung");
noidung.addEventListener("paste", function(event) {
 document.getElementById("tbao").innerHTML = "Bạn đã paste nội dung vào đây!"
});

var noidung2 = document.getElementById("noidung2");
noidung2.addEventListener("paste", function(event) {
 document.getElementById("tbao2").innerHTML = "Bạn không được paste nội dung vào đây!"
 event.preventDefault(); // Ngăn hành động paste
});
</script>

</body>
</html>
Sự kiện onpaste không gán trực tiếp trong JavaScript nằm trong bài viết Sự kiện onpaste trong JavaScript