h5 实现移动端防止截屏

在H5（HTML5）中，直接阻止用户截图是不太可能的，因为这是浏览器的安全限制之一，为了保护用户的隐私和体验。然而，你可以采取一些策略来减缓或提示用户他们正在尝试截屏：

1. **内容加密**：如果敏感信息需要保密，可以考虑对部分内容进行加密，即便被截屏，用户也无法直接查看。

2. **用户体验设计**：通过JavaScript，当页面试图进入全屏模式（通常是截屏前的预兆）时，你可以显示一个警告或者禁止操作。例如，监听`fullscreenchange`事件并在该事件触发时做一些处理。

document.addEventListener("fullscreenchange", function() {
  if (document.fullscreenElement) {
    // 用户尝试进入全屏，显示防截屏提示
    console.log('尝试截图已被阻止');
  }
});

3. **图像失真**：对于重要的图片，可以加载低质量或者模糊版本，当用户试图下载时，实际获取的是无法清晰使用的图片。

4. **权限控制**：利用现代浏览器的Geolocation API，可以在用户开启位置共享时，检测到异常设备行为并作出反应。

需要注意的是，上述方法并不能完全阻止用户截屏，只能增加操作的难度和提醒用户。如果安全性是关键需求，还是建议将重要数据存储在服务器端，并在前端做访问控制。