Code Chống Copy Và Click Chuột Phải Kết Hợp CSS & JavaScript

Bạn không muốn cho người khác copy nội dung bài viết của bạn trên internet. Nhưng bạn vẫn muốn chia sẻ nội dung đó với mọi người thông qua website trên internet. Bài viết này sẽ hướng dẫn các bạn cách để chống mọi hành vi muốn sao chép nội dung bài viết trên website của bạn. Thông qua việc chống quét khối (bôi đen) văn bản; chống click và vô hiệu hóa các tùy chọn trên menu chuột phải để chọn các tùy chọn như copy hay xem mã nguồn. Hãy xem ngay chia sẻ code chống copy tại bài viết này nhé!

Code Chống Copy Và Click Chuột Phải

Trong bài viết này Ngọc Thắng  sẽ kết hợp cả 2 biện pháp là sử dụng CSS  với JavaScript. Bạn chỉ cần đưa đoạn code sau vào trước thẻ đóng </head> của mẫu HTML trang web của bạn là thành công:

• Hướng dẫn đăng bài viết sản phẩm trên website wordpress
• Hướng Dẫn Cách Sửa 7 Lỗi Cơ Bản Khi Cài Đặt WordPress
• Tạo nút gọi điện thoại đơn giản và dễ dàng trên WordPress
• Hướng Dẫn Tạo Chế Độ Website Đang Bảo Trì Cho Website WordPress Bằng Plugin WP...
• Dịch Vụ Thiết Kế Website Hà Nội – Dự Án Thiết Kế Website Chuyên Nghiệp,...

<style> body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } </style> <script type=”text/JavaScript”> function killCopy(e){ return false } function reEnable(){ return true } document.onselectstart = new Function ("return false") if (window.sidebar){ document.onmousedown=killCopy document.onclick=reEnable } </script>

Đoạn source code trên được chúng tôi test trên nhiều dự án của mình và hoạt động rất hiệu quả. Nếu bạn không chuyên với những source code có thể liên hệ với Ngọc Thắng để được hỗ trợ bạn nhé.

Ở trên là đoạn CSS3 chống copy; -webkit, -moz, -ms, -o là để tương thích với các trình duyệt khác nhau. Vì là CSS3 nên nếu trình duyệt nào chưa hỗ trợ đầy đủ. Thì nó không hoạt động, nghĩa là đối tượng vẫn copy được! Do vậy ta mới cần thêm JavaScript – cái này thì hoạt động tốt trên hầu hết trình duyệt.

Tuy nhiên JavaScript lại có điểm yếu là đối tượng có thể chủ động tắt JavaScript của trình duyệt để copy… Và đó là lý do ta nên kết hợp cả hai. Vì CSS thì đối tượng lại không thể tự tắt. Phối hợp cả 2 làm cho chúng bù lấp các điểm yếu của nhau.

Tính năng chống thao tác chuột phải trên website

Thêm tính năng chống thao tác chuột phải (hạn chế tình trạng sao chép ảnh và văn bản), thì đây là đoạn code… Vị trí thì vẫn thế, bạn cứ để nó trước thẻ đóng </head>.

<script type="text/JavaScript"> window.oncontextmenu =function(event){ event.preventDefault(); event.stopPropagation(); return false; }; var msg="dembuon.vn"; function disableIE() {if (document.all) {alert(msg);return false;} } function disableNS(e) { if (document.layers||(document.getElementById&amp;&amp;!document.all)) { if (e.which==2||e.which==3) {alert(msg);return false;} } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS; } else { document.onmouseup=disableNS;document.oncontextmenu=disableIE; } document.oncontextmenu=new Function("alert(msg);return false") </script>

Vậy là xong, bạn vừa cài đặt cho trang web của bạn chống bị copy và sao chép.

Ngọc Thắng hy vọng bài viết này sẽ giúp bạn biết cách bảo mật website một cách dễ dàng.

Cảm ơn bạn đã xem bài viết của chúng tôi. Hãy thường xuyên theo dõi Ngọc Thắng để cập nhật những thông tin mới nhất. Chúc bạn thành công !

5/5 - (3 bình chọn)

Trần Đức Thắng

Tôi là Trần Đức Thắng, hiện đang là CEO & Co-Founder của Công Ty Ngọc Thắng. Tôi phát triển với nền tảng thiết kế website, SEO và Inbound Marketing. Hiện nay Ngọc Thắng cung cấp dịch vụ thiết kế website, SEO, quảng cáo Google Ads… Với kinh nghiệm triển khai nhiều dự án những năm qua, đội ngũ của Ngọc Thắng không ngừng nỗ lực mang đến những dịch vụ tốt với chi phí thấp nhất cho quý khách hàng.!