Sự kiện oncut trong JavaScript

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

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

Sự kiện oncut trong JavaScript

Sự kiện oncut trong JavaScript

Sự kiện oncut trong JavaScript dùng để xử lý sự kiện khi người dùng thực hiện hành vi cắt nội dung, bạn có thể làm kết quả thông báo cắt thành công hoặc cài đặt không cho phép cắt nội dung.

Code Sự kiện oncut trong JavaScript

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

<div id="ktrai">
 <textarea oncut="thongBao()" >Nội dung được cắt!</textarea><br>
 <span id="tbao"></span>
</div>
<div id="kphai">
 <textarea oncut="thongBao2();return false;" >Nội dung không được cắt!</textarea><br>
 <span id="tbao2"></span>
</div>
<script>
function thongBao(){
document.getElementById("tbao").innerHTML = "Bạn đã cắt nội dung!"
}
function thongBao2(){
document.getElementById("tbao2").innerHTML = "Bạn không được cắt nội dung!"
}
</script>

Chạy Thử

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

<div id="ktrai">
 <textarea id="noidung" >Nội dung được cắt!</textarea><br>
 <span id="tbao"></span>
</div>
<div id="kphai">
 <textarea id="noidung2" >Nội dung không được cắt!</textarea><br>
 <span id="tbao2"></span>
</div>
<script>
var noidung = document.getElementById("noidung");
noidung.addEventListener("cut", function(event) {
        document.getElementById("tbao").innerHTML = "Bạn đã cắt nội dung!"
});
var noidung2 = document.getElementById("noidung2");
noidung2.addEventListener("cut", function(event) {
        document.getElementById("tbao2").innerHTML = "Bạn không được cắt nội dung!"
        event.preventDefault(); // Ngăn hành động cắt
});
</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 oncut trong JavaScript.