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

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

Sự kiện oncopy 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 oncopy 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 oncopy 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 copy nội dung trong phần tử HTML, bạn có thể làm kết quả thông báo copy thành công hoặc cài đặt không cho phép copy nội dung:</p>

<div id="ktrai">
 <textarea id="noidung" >Nội dung copy!&lt;/textarea><br>
 <span id="tbao" style="color:green"></span>
</div>

<div id="kphai">
 <textarea id="noidung2" >Nội dung không được copy!&lt;/textarea><br>
 <span id="tbao2" style="color:red"></span>
</div>

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

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

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