Chống copy văn bản nội dung bài viết trên website, blog” bằng việc vô hiệu hóa thao tác”kích chuột phải” là một điều cần thiết đối với một số trường hợp riêng biệt. Thủ thuật này được thực hiện khá dễ dàng khi thiết kế website. Đối với webblog trên nền Blogger, thao tác này cũng có thể thực hiện được bằng cách sử dụng ngôn ngữ Javascript.
I. Chống copy văn bản đối với website bình thường:
Bạn copy đoạn code dưới vào website mình từ thẻ <style> đến </script> và dán vào giữa <body></body> là được nhé !
<style> body { font-family: Arial, sans-serif; padding: 20px; user-select: none; /* Ngăn bôi đen văn bản */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* Vẫn cho phép chọn trên các ô input, textarea nếu cần */ input, textarea { user-select: text; -webkit-user-select: text; } .notice { background: #ffeeee; border-left: 5px solid red; padding: 10px; margin-bottom: 20px; } </style> <div class="notice"> ⚠️ Trang này đã vô hiệu hóa chuột phải và bôi đen văn bản để chống copy. </div> <h1>Nội dung cần bảo vệ</h1> <p>Bạn không thể click chuột phải vào đây. Cũng không thể bôi đen để copy bằng chuột.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.</p> <script> // Vô hiệu hóa sự kiện chuột phải document.addEventListener('contextmenu', function(event) { event.preventDefault(); // Tùy chọn: hiển thị thông báo (không bắt buộc) // alert("Chuột phải đã bị vô hiệu hóa!"); return false; }); // (Tùy chọn) Chặn các phím tắt copy: Ctrl+C, Ctrl+X, Ctrl+U, F12 document.addEventListener('keydown', function(event) { // Kiểm tra phím Ctrl (hoặc Cmd trên Mac) if (event.ctrlKey || event.metaKey) { const key = event.key.toLowerCase(); // Chặn copy, cắt, xem nguồn, lưu trang... if (key === 'c' || key === 'x' || key === 'u' || key === 's') { event.preventDefault(); alert("Chức năng copy đã bị vô hiệu hóa!"); return false; } } // Chặn F12 (mở DevTools) if (event.key === 'F12') { event.preventDefault(); alert("DevTools đã bị khóa tạm thời!"); } }); </script>
II. Chống copy văn bản đối với website WordPress:
Bạn thêm nó vào file functions.php trong website của mình. VD: tenweb.com/wp-includes/functions.php
Bạn hãy thêm đoạn code dưới đây vào file functions.php của theme con (Child Theme) để tránh mất code khi cập nhật theme
Khung thông báo chống copy văn bản bằng cách vô hiệu hóa right click
// Chống Copy: Vô hiệu hóa chuột phải và phím tắt
function custom_disable_right_click_and_copy() {
?>
<script>
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
document.addEventListener('keydown', function(e) {
// Chặn F12, Ctrl+Shift+I, Ctrl+U, Ctrl+C, Ctrl+V
if (e.key === 'F12' ||
(e.ctrlKey && (e.key === 'u' || e.key === 'c' || e.key === 'v' || e.key === 's' || e.shiftKey && e.key === 'I'))) {
e.preventDefault();
return false;
}
});
</script>
<?php
}
add_action('wp_footer', 'custom_disable_right_click_and_copy');
Chúc các bạn thành công !
![Pinterest](https://pinterest.com/pin/create/button/?url=https://kienthucplus.vn/2014/06/chong-copy-van-ban-bang-cach-vo-hieu.html&media=https://kienthucplus.vn/wp-content/uploads/2014/06/chong-copy-right-code.png&description=Chống copy văn bản nội dung bài viết trên website, blog bằng việc vô hiệu hóa thao tác "kích chuột phải" là một điều cần thiết đối với một số trường hợp riêng biệt){kind=link}