Cách chống copy nội dung và vô hiệu hoá chuột phải trên website

Vì sao cần chống copy nội dung và vô hiệu hoá chuột phải trên website?

Trong thời đại AI và chia sẻ nội dung nhanh như chớp, việc bạn dành hàng giờ để viết một bài chia sẻ chất lượng, hướng dẫn chi tiết hay thiết kế một hình ảnh độc quyền… có thể chỉ mất vài giây để bị người khác sao chép.
Điều đáng nói là, những website sao chép ấy đôi khi còn đứng thứ hạng cao hơn trên Google nhờ tên miền mạnh hoặc hệ thống backlink tốt — và chính điều đó khiến nhiều quản trị viên, blogger, chủ shop online cảm thấy “bất lực”.

Đó là lý do bạn nên bảo vệ nội dung của mình ngay từ đầu, bắt đầu bằng những cách đơn giản nhất:

Chặn người khác click chuột phải để copy hoặc tải ảnh.
Ngăn các tổ hợp phím như Ctrl+C, Ctrl+U, Ctrl+S – vốn là “cửa ngõ” mở mã nguồn, copy nội dung nhanh.
Giảm hành vi đạo nhái hoặc sao chép tự động từ các công cụ crawl dữ liệu.

Những thao tác này không giúp bạn “bất khả xâm phạm”, nhưng sẽ tạo rào cản đầu tiên, khiến người muốn copy phải tốn công hơn, từ đó giảm đáng kể hành vi sao chép nhanh tay.

Cảnh báo nhẹ: Không có phương pháp nào chặn hoàn toàn việc sao chép. DevTools hay view-source vẫn có thể mở bằng nhiều cách. Mục tiêu của bài là giảm việc sao chép “nhanh tay”, đồng thời vẫn tôn trọng trải nghiệm người dùng.

Lợi ích khi chống copy nội dung website

Bảo vệ công sức sáng tạo – mỗi bài viết, mỗi hình ảnh đều là tài sản trí tuệ của bạn.
Duy trì thứ hạng SEO ổn định, tránh bị Google nhận nhầm bài gốc – bài sao.
Giữ hình ảnh thương hiệu chuyên nghiệp, thể hiện bạn coi trọng bản quyền và sự đầu tư nghiêm túc.
Ngăn chặn việc tải trái phép hình ảnh, logo, hoặc dữ liệu độc quyền.

Tại sao không nên chặn “quá tay”?

Người dùng cần bôi đen để ghi chú / trích dẫn.
Có thể ảnh hưởng đến trải nghiệm (UX) và một phần hành vi của bot/tiện ích hỗ trợ.
Hãy chỉ bật tính năng thật cần thiết.

Mã JavaScript chống copy và vô hiệu hóa chuột phải

Dán trước thẻ </body>:

<script>
(() => {
  // ====== CẤU HÌNH NHANH (bật/tắt tính năng) ======
  const OPTIONS = {
    blockContextMenu: true,   // Chặn menu chuột phải
    blockDrag: true,          // Chặn kéo-ảnh/kéo-chọn
    blockSelectAll: true,     // Chặn Ctrl/⌘+A
    blockCopy: true,          // Chặn Ctrl/⌘+C và sự kiện 'copy'
    blockCut: true,           // Chặn Ctrl/⌘+X
    blockPaste: true,         // Chặn Ctrl/⌘+V và sự kiện 'paste'
    blockSave: true,          // Chặn Ctrl/⌘+S
    blockViewSource: true,    // Chặn Ctrl/⌘+U
    blockDevTools: true       // Cố gắng chặn F12 (không tuyệt đối)
  };

  // Bỏ qua khi người dùng đang nhập liệu
  const isEditable = (el) => {
    if (!el) return false;
    const tag = el.tagName?.toLowerCase();
    return (
      el.isContentEditable ||
      tag === 'input' ||
      tag === 'textarea' ||
      tag === 'select'
    );
  };

  // Tiện ích: phát hiện phím "Ctrl" trên Windows/Linux hoặc "Meta" (⌘) trên macOS
  const ctrlLike = (e) => e.ctrlKey || e.metaKey;

  // 1) Chặn chuột phải
  if (OPTIONS.blockContextMenu) {
    document.addEventListener('contextmenu', (e) => {
      if (!isEditable(e.target)) {
        e.preventDefault();
      }
    }, { capture: true });
  }

  // 2) Chặn kéo thả (giảm khả năng kéo ảnh/kéo chọn)
  if (OPTIONS.blockDrag) {
    document.addEventListener('dragstart', (e) => {
      if (!isEditable(e.target)) {
        e.preventDefault();
      }
    }, { capture: true });
  }

  // 3) Chặn tổ hợp phím phổ biến
  document.addEventListener('keydown', (e) => {
    // Bỏ qua trong vùng nhập liệu để người dùng làm việc bình thường
    if (isEditable(e.target)) return;

    // F12 → DevTools (không chặn được tuyệt đối)
    if (OPTIONS.blockDevTools && (e.key === 'F12' || e.keyCode === 123)) {
      e.preventDefault();
      e.stopPropagation();
      return false;
    }

    // Nhóm Ctrl/⌘ + phím
    if (ctrlLike(e)) {
      // A: Select All
      if (OPTIONS.blockSelectAll && (e.key.toLowerCase() === 'a')) {
        e.preventDefault(); e.stopPropagation(); return false;
      }
      // C: Copy
      if (OPTIONS.blockCopy && (e.key.toLowerCase() === 'c')) {
        e.preventDefault(); e.stopPropagation(); return false;
      }
      // X: Cut
      if (OPTIONS.blockCut && (e.key.toLowerCase() === 'x')) {
        e.preventDefault(); e.stopPropagation(); return false;
      }
      // V: Paste
      if (OPTIONS.blockPaste && (e.key.toLowerCase() === 'v')) {
        e.preventDefault(); e.stopPropagation(); return false;
      }
      // S: Save
      if (OPTIONS.blockSave && (e.key.toLowerCase() === 's')) {
        e.preventDefault(); e.stopPropagation(); return false;
      }
      // U: View Source
      if (OPTIONS.blockViewSource && (e.key.toLowerCase() === 'u')) {
        e.preventDefault(); e.stopPropagation(); return false;
      }
    }
  }, { capture: true });

  // 4) Chặn sự kiện sao chép / dán ở cấp độ sự kiện
  if (OPTIONS.blockCopy) {
    document.addEventListener('copy', (e) => {
      if (!isEditable(e.target)) {
        e.preventDefault();
      }
    }, { capture: true });
  }
  if (OPTIONS.blockPaste) {
    document.addEventListener('paste', (e) => {
      if (!isEditable(e.target)) {
        e.preventDefault();
      }
    }, { capture: true });
  }

  // 5) (Tuỳ chọn) CSS hạn chế bôi đen văn bản – KHÔNG khuyến nghị trên toàn trang
  // Bạn có thể bật đoạn này nếu thật sự cần:
  // const css = `* { user-select: none !important; -webkit-user-select: none !important; }`;
  // const style = document.createElement('style'); style.textContent = css;
  // document.head.appendChild(style);

})();
</script>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

(() => {

// ====== CẤU HÌNH NHANH (bật/tắt tính năng) ======

const OPTIONS = {

blockContextMenu: true, // Chặn menu chuột phải

blockDrag: true, // Chặn kéo-ảnh/kéo-chọn

blockSelectAll: true, // Chặn Ctrl/⌘+A

blockCopy: true, // Chặn Ctrl/⌘+C và sự kiện 'copy'

blockCut: true, // Chặn Ctrl/⌘+X

blockPaste: true, // Chặn Ctrl/⌘+V và sự kiện 'paste'

blockSave: true, // Chặn Ctrl/⌘+S

blockViewSource: true, // Chặn Ctrl/⌘+U

blockDevTools: true // Cố gắng chặn F12 (không tuyệt đối)

};

// Bỏ qua khi người dùng đang nhập liệu

const isEditable = (el) => {

if (!el) return false;

const tag = el.tagName?.toLowerCase();

return (

el.isContentEditable ||

tag === 'input' ||

tag === 'textarea' ||

tag === 'select'

);

};

// Tiện ích: phát hiện phím "Ctrl" trên Windows/Linux hoặc "Meta" (⌘) trên macOS

const ctrlLike = (e) => e.ctrlKey || e.metaKey;

// 1) Chặn chuột phải

if (OPTIONS.blockContextMenu) {

document.addEventListener('contextmenu', (e) => {

if (!isEditable(e.target)) {

e.preventDefault();

}

}, { capture: true });

}

// 2) Chặn kéo thả (giảm khả năng kéo ảnh/kéo chọn)

if (OPTIONS.blockDrag) {

document.addEventListener('dragstart', (e) => {

if (!isEditable(e.target)) {

e.preventDefault();

}

}, { capture: true });

}

// 3) Chặn tổ hợp phím phổ biến

document.addEventListener('keydown', (e) => {

// Bỏ qua trong vùng nhập liệu để người dùng làm việc bình thường

if (isEditable(e.target)) return;

// F12 → DevTools (không chặn được tuyệt đối)

if (OPTIONS.blockDevTools && (e.key === 'F12' || e.keyCode === 123)) {

e.preventDefault();

e.stopPropagation();

return false;

}

// Nhóm Ctrl/⌘ + phím

if (ctrlLike(e)) {

// A: Select All

if (OPTIONS.blockSelectAll && (e.key.toLowerCase() === 'a')) {