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

Trình soạn thảo - Sự kiện onpaste gán trực tiếp trong JavaScript

Kết quả - Sự kiện onpaste 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 onpaste 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 onpaste 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 paste nội dung đã copy vào phần tử HTML, 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:</p>

<div id="ktrai">
 <textarea onpaste="thongBao()" >Được phép paste nội dung vào đây!&lt;/textarea><br>
 <span id="tbao" style="color:green"></span>
</div>
<div id="kphai">
 <textarea onpaste="thongBao2();return false;" >Không được phép paste nội dung vào đây!&lt;/textarea><br>
 <span id="tbao2" style="color:red"></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>

</body>
</html>