Thêm code Ngăn cấm không cho copy nội dung trên website

Một vài lý do khiến bạn phải khóa ngăn chặn không cho người dùng copy nội dung bản quyền của bạn viết ra trên blog/website. Bình thường người truy cập sẽ copy nội dung của bạn bằng cách nhấn Control+C và Control+V và dễ dàng họ có được nội dung. Mẹo nhỏ dùng sự kiện mousse của jquery sẽ giúp bạn chặn điều này.

$('body').bind('copy paste cut drag drop', function (e) {
   e.preventDefault();
});

Đoạn code trên, gán nhiều kiện sự kiện với hàm liên kết chung vào thẻ body, để khóa tính năng clipboard cho tất cả những elements chứa trong tag body. Bạn vẫn có thể lựa chọn văn bản trên web và nhấn control+C bình thường nhưng nội dung không được sao chép, bạn thử gián vào đâu đó như notepad xem có được không nhé :D.

Tuy nhiên vẫn không có cách nào chặn được copy trái phép, nếu người dùng thông minh hơn, Bạn vẫn có thể copy text thông qua duyệt DOM tree sử dụng Chrome Dev Tools.

Bạn có thể giới hạn tính năng chặn copy nội dung cho những trường form hoặc bất kỳ element nào, giống như password input field, textarea…trong đoạn code dưới đây. Khi bạn copy, cut, paste thì không làm gì cả.

$('input[type=text],textarea').bind('copy paste cut drag drop', function (e) {
   e.preventDefault();
});

Nếu khóa cả đầu lẫn đuôi, không cho lựa chọn văn bản trên web luôn, thì có thể thêm đoạn css sau vào body tag.

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Tác giả: hoangweb.com