Sự kiện oncut gán trực tiếp trong JavaScript
Sự kiện oncut gán trực tiếp trong JavaScript
Sự kiện oncut 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 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 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 oncut="thongBao()" >Nội dung được cắt!</textarea><br>
<span id="tbao" style="color:green"></span>
</div>
<div id="kphai">
<textarea oncut="thongBao2();return false;" >Nội dung không được cắt!</textarea><br>
<span id="tbao2" style="color:red"></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>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Sự kiện oncut 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 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 oncut="thongBao()" >Nội dung được cắt!</textarea><br>
<span id="tbao" style="color:green"></span>
</div>
<div id="kphai">
<textarea oncut="thongBao2();return false;" >Nội dung không được cắt!</textarea><br>
<span id="tbao2" style="color:red"></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>
</body>
</html>
Sự kiện oncut gán trực tiếp trong JavaScript nằm trong bài viết Sự kiện oncut trong JavaScript