Việc ngăn chặn không cho người sử dụng sao chép nội dung trên trang web của mình là một vấn đề nan giải hiện nay. Có nhiều biện pháp để hạn chế việc này như tạo nội dung là file ảnh, hay nội dung được đính vào trong file flash hay sử dụng javascript. Tuy nhiên, hôm nay tôi xin giới thiệu cách hạn chế việc copy nội dung bằng javascript.
Cách hạn chế này thực ra rất đơn giản, nó sẽ không cho phép người dùng chọn vùng văn bản nên không thể nào copy được. Để thực hiện được điều này, việc đầu tiên chúng ta sẽ chèn đoạn mã sau vào phần header của trang web:
01 |
<script type="text/javascript"> |
02 |
function disableSelection(target){ |
03 |
if (typeof target.onselectstart!="undefined") |
04 |
target.onselectstart=function(){return false} |
05 |
else if (typeof target.style.MozUserSelect!="undefined") |
06 |
target.style.MozUserSelect="none" |
08 |
target.onmousedown=function(){return false} |
09 |
target.style.cursor = "default" |
Sau đó ở trên phần </body> chúng ta sẽ chèn đoạn mã sau:
1 |
<script type="text/javascript"> |
2 |
disableSelection(document.body) |
Thực ra đoạn mã này là lấy từ một plugin của wordpress tên là WP-CopyProtect, nếu các bạn sử dụng wordpress thì có thể cài đặt plugin này.
