Sự kiện oncopy trong JavaScript

• Trần Ngọc Thanh
• 29
• 27/08/2025

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, chi tiết như nào hãy cùng chúng tôi phân tích:

Sự kiện oncopy trong JavaScript

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, 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

<div id="ktrai">
 <textarea oncopy="thongBao()" >Nội dung copy!</textarea><br>
 <span id="tbao"></span>
</div>
<div id="kphai">
 <textarea oncopy="thongBao2();return false;" >Nội dung không được copy!</textarea><br>
 <span id="tbao2"></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

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