Nếu như bạn muốn hạn chế người dùng truy cập vào trang web hay blog của bạn có thể xem mã nguồn hay gọi là xem code và copy nội dung của bạn hoặc là một mục đích nào đó thì trong bài viết này mình sẽ chia sẻ cho các bạn cách chặn chuột phải, Copy, Cut và F12 sử dụng JavaScript rất đơn giản.
Bài viết này sẽ chia sẻ cho các bạn cách chặn người dùng thực hiện những hành động trên bằng cách vô hiệu hoá chuột phải và các phím tắt như ctrl + c, ctrl + x, ctrl + u, ctrl + shift + i, và f12 sử dụng JavaScript.
Nếu bạn chưa biết thì phím tắt ctrl + u được sử dụng để xem mã nguồn của blog, ctrl + shift + i và f12 được sử dụng để mở chế độ developer trên trình duyệt. Vì vậy, bạn phải vô hiệu hoá tất cả các phím tắt này và nút chuột phải.
Để chặn chuột phải và các phím tắt bằng JavaScript, các bạn chỉ cần copy đoạn code bên dưới và dán vào ngay phía dưới thẻ <body>.
<script>//<![CDATA[
const disabledKeys = ["c", "C", "x", "J", "u", "I"];
const showAlert = e => {
e.preventDefault();
return alert("Sorry, you can't view or copy source codes this way!");
}
document.addEventListener("contextmenu", e => {
showAlert(e);
});
document.addEventListener("keydown", e => {
// calling showAlert() function, if the pressed key matched to disabled keys
if((e.ctrlKey && disabledKeys.includes(e.key)) || e.key === "F12") {
showAlert(e);
}
});
window.addEventListener("load",function(){
try {
!function t(n) {
1 === ("" + n / n).length && 0 !== n || function() {}.constructor("debugger")(), t(++n)
}(0)
} catch (n) {
setTimeout(t, 100)
}
});
//]]></script>
Trong đoạn code trên sẽ có một thông báo hiện ra khi người dùng bấm chuột phải hoặc cố gắng sao chép nội, bạn cũng có thể thay thế thông báo này bằng nội dung hoặc code thêm của bạn. Bạn cũng có thể thử ngay trên bài viết này!
Kết luận
Việc chặn chuột phải, Copy, Cut và F12 có thể gây bất tiện khi bạn chỉnh sửa giao diện blog và cũng sẽ chặn người dùng truy cập các tính năng khác do trình duyệt hoặc tiện ích mở rộng cung cấp. Nhưng nếu bạn chỉ là người làm nội dung thì nó mạng lại khá nhiều lợi ích cho bạn.
Nếu thấy bài viết hay thì đừng quên chia sẻ bài viết giúp mình nhé! ❤️
Your email address will not be published.
Enter Image URL / Code Snippets / Quotes / name tag, then click parse button accordingly that you have entered. then copy the parse result and paste it into the comment field.