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

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

Sự kiện oncut 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 oncut 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 oncut 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 cắt (cut) nội dung trong phần tử HTML, 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:</p>

<div id="ktrai">
 <textarea id="noidung" >Nội dung được cắt!&lt;/textarea><br>
 <span id="tbao" style="color:green"></span>
</div>

<div id="kphai">
 <textarea id="noidung2" >Nội dung không được cắt!&lt;/textarea><br>
 <span id="tbao2" style="color:red"></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>

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