Sử dụng jQuery để tắt chuột phải,cắt,sao chép và dán

Bạn có muốn ngăn không cho khách truy cập sao chép nội dung trang web của bạn? Bạn chán ngấy với việc vừa viết một bài nào đó lên là bị người khác sao chép nguyên văn bài đó sang trang web của họ.

Trong bài viết jQuery ngắn này, mình sẽ chỉ cho bạn cách ngăn chặn hành vi trộm cắp nội dung từ trang web của bạn bằng cách sử dụng jQuery.

Để không cho người khác sao chép thì bạn phải làm hai việc:

• Một là không cho người khác click chuột phải.
• Hai là không cho người khác sử dụng cắt (CTRL + X), sao chép (CTRL + C) và dán (CTRL + V)

Đầu tiên, bạn phải thêm script này trước thẻ </head>, nếu trong giao diện bạn có rồi thì không cần thêm nó

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

Vô hiệu hóa chuột phải

Vô hiệu hóa chuột phải nhằm không cho khách truy cập sử dụng các tùy chọn như cắt, sao chép, dán. Nếu bạn chỉ muốn vô hiệu chuột phải ở một phần nào đó của trang web thì bạn sử dụng #id hoặc .class, còn nếu bạn muốn vô hiệu hóa hết toàn bộ trang web thì sử dụng thẻ body. Mã JavaScript sau đây được sử dụng để vô hiệu hóa chuột phải.

<script type="text/javascript">
$(document).ready(function () {
    //Vô hiệu hóa toàn bộ trang
    $("body").on("contextmenu",function(e){
        return false;
    });
    
    //Vô hiệu hóa một phần của trang #id
    $("#id").on("contextmenu",function(e){
        return false;
    });
});
</script>

Vô hiệu hóa cắt, sao chép và dán

Mã JavaScript sau sẽ vô hiệu hoá việc cắt, sao chép và dán toàn bộ trang web của bạn hoặc một phần của trang web của bạn.

<script type="text/javascript">
$(document).ready(function () {
    //Vô hiệu hóa toàn bộ trang
    $("body").bind("cut copy paste", function (e) {
        e.preventDefault();
    });
    
    //Vô hiệu hóa một phần của trang #id
    $("#id").bind("cut copy paste", function (e) {
        e.preventDefault();
    });
});
</script>

Vô hiệu hóa chuột phải, cắt, sao chép và dán

Mã JavaScript đầy đủ để vô hiệu hóa chuột phải và vô hiệu hóa cắt (CTRL + X), sao chép (CTRL + C) và dán (CTRL + V) trên toàn bộ trang web của bạn.

<script type="text/javascript">
$(document).ready(function () {
    //Vô hiệu hóa cắt, sao chép và dán
    $("body").bind("cut copy paste", function (e) {
        e.preventDefault();
    });
   
    //Vô hiệu hóa chuột phải
    $("body").on("contextmenu",function(e){
        return false;
    });
});
</script>

Mã JavaScript đầy đủ để vô hiệu hóa chuột phải và vô hiệu hóa cắt (CTRL + X), sao chép (CTRL + C) và dán (CTRL + V) ở một phần trang web của bạn.

<script type="text/javascript">
$(document).ready(function () {
    //Vô hiệu hóa cắt, sao chép và dán
    $("#id").bind("cut copy paste", function (e) {
        e.preventDefault();
    });
   
    //Vô hiệu hóa chuột phải
    $("#id").on("contextmenu",function(e){
        return false;
    });
});
</script>

Vậy là từ nay về sau bạn có thể yên tâm là sẽ ngăn chặn được hành vi trộm cắp bài viết trên trang web của bạn rồi.
Chúc bạn vui với thủ thuật trên, nếu thấy hay thì hãy chia sẻ cho bạn bè của bạn cùng xem nữa nha.