Sự kiện onpaste trong JavaScript

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

Sự kiện onpaste trong JavaScript dùng để xử lý sự kiện khi người dùng thực hiện hành vi paste nội dung, chi tiết như nào hãy cùng chúng tôi phân tích:

Sự kiện onpaste trong JavaScript

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

Sự kiện onpaste trong JavaScript dùng để xử lý sự kiện khi người dùng thực hiện hành vi paste nội dung, 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.

Code Sự kiện onpaste trong JavaScript

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

<div id="ktrai">
 <textarea onpaste="thongBao()" >Được phép paste nội dung vào đây!</textarea><br>
 <span id="tbao"></span>
</div>
<div id="kphai">
 <textarea onpaste="thongBao2();return false;" >Không được phép paste nội dung vào đây!</textarea><br>
 <span id="tbao2"></span>
</div>
<script>
function thongBao(){
document.getElementById("tbao").innerHTML = "Bạn đã paste nội dung vào đây!"
}
function thongBao2(){
document.getElementById("tbao2").innerHTML = "Bạn không được paste nội dung vào đây!"
}
</script>

Chạy Thử

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

<div id="ktrai">
 <textarea id="noidung" >Được phép paste nội dung vào đây!</textarea><br>
 <span id="tbao"></span>
</div>
<div id="kphai">
 <textarea id="noidung2" >Không được phép paste nội dung vào đây!</textarea><br>
 <span id="tbao2"></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>

Chạy Thử

Lời kết

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