当前位置：首页 > JavaScript

js实现禁止截图

2026-04-04 13:53:27JavaScript

禁用浏览器截图的方法

在JavaScript中，完全禁止用户截图或屏幕捕获存在技术限制，因为浏览器无法直接控制操作系统级别的功能（如截图快捷键或第三方工具）。但可以通过以下方法降低用户截图的便利性或干扰截图效果：

禁用右键和快捷键

通过阻止默认行为和禁用常见截图快捷键（如PrtScn）来增加截图难度：

document.addEventListener('keydown', function(e) {
  // 禁用PrtScn、Alt+PrtScn、Win+Shift+S等
  if (e.key === 'PrintScreen' || 
      (e.altKey && e.key === 'PrintScreen') || 
      (e.metaKey && e.shiftKey && e.key === 's')) {
    e.preventDefault();
    alert('截图功能已禁用');
  }
});

// 禁用右键菜单
document.addEventListener('contextmenu', e => e.preventDefault());

动态干扰视觉内容

通过周期性修改DOM元素或添加视觉干扰，使截图难以获取完整内容：

// 随机移动元素位置
setInterval(() => {
  const elements = document.querySelectorAll('.sensitive-content');
  elements.forEach(el => {
    el.style.transform = `translate(${Math.random()*10}px, ${Math.random()*10}px)`;
  });
}, 200);

// 添加半透明浮动层
const overlay = document.createElement('div');
overlay.style.position = 'fixed';
overlay.style.top = '0';
overlay.style.left = '0';
overlay.style.width = '100%';
overlay.style.height = '100%';
overlay.style.background = 'rgba(0,0,0,0.01)';
overlay.style.pointerEvents = 'none';
document.body.appendChild(overlay);

检测开发者工具

当用户尝试通过开发者工具查看DOM时进行干扰：

// 检测开发者工具打开
setInterval(function() {
  const before = new Date();
  debugger;
  const after = new Date();
  if (after - before > 100) {
    document.body.innerHTML = '<h1>禁止检查页面内容</h1>';
    window.location.reload();
  }
}, 1000);