Sự kiện oncopy trong JavaScript

• Trần Thị Vân
• 1078
• 27/08/2025

Chức năng của Sự kiện oncopy trong JavaScript

Sự kiện oncopy trong JavaScript 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.

Code Sự kiện oncopy trong JavaScript

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

oncopy="thongBao()"

<div id="ktrai">
 <textarea oncopy="thongBao()" >Nội dung copy!</textarea><br>
 <span id="tbao" style="color:green"></span>
</div>

<div id="kphai">
 <textarea oncopy="thongBao2();return false;" >Nội dung không được copy!</textarea><br>
 <span id="tbao2" style="color:red"></span>
</div>

<script>
function thongBao(){
 document.getElementById("tbao").innerHTML = "Bạn đã copy nội dung!"
}

function thongBao2(){
 document.getElementById("tbao2").innerHTML = "Bạn không được copy nội dung!"
}
</script>

Chạy Thử

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

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

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

<div id="kphai">
 <textarea id="noidung2" >Nội dung không được copy!</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>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Sự kiện oncopy trong JavaScript.