nasa报告指出，垂直起降场需系统考量选址、设计、法规等八大维度共450余项要素，为evtol城市商业化提供权威基础设施框架。
完全禁止右键保存图片在技术上不可能，前端所有手段都只是增加普通用户的操作门槛；真正有效的防护必须依赖服务端鉴权、动态 URL、水印或 Canvas 渲染。
document.addEventListener('contextmenu') 怎么写才不白忙
直接在 里写属性最简，但兼容性差、易被覆盖、移动端无效。用 JS 监听才是当前最稳妥的方式，但要注意几个关键点：
- 必须同步调用
e.preventDefault()，不能放在setTimeout或异步回调里 - 绑定到
document时，要排除表单控件：if (e.target.matches('input, textarea, select')) return，否则用户无法在输入框里右键粘贴 - 避免重复绑定：React/Vue 组件中，
useEffect或mounted里添加监听器，必须在unmounted或清理函数中调用removeEventListener - 不要和内联
oncontextmenu混用，执行顺序不确定，可能互相干扰
移动端长按“保存图片”怎么弱化
iOS Safari 和 Android Chrome 中，长按触发的是系统级菜单，contextmenu 事件根本不会触发，也没有标准 API 可禁用。能做的只有弱化表现：
- 给
<img>加draggable="false"属性，降低“保存图片”选项出现概率 - CSS 必须加：
-webkit-touch-callout: none（iOS 专用）、user-select: none、-webkit-user-drag: none - 不要全局监听
touchstart并preventDefault()，会破坏页面滚动，只对特定容器（如画布区域）谨慎使用 - 用
background-image替代<img>标签，DOM 里不出现图片节点，长按时连“保存图片”菜单项都不会显示
为什么禁用右键后还能轻易拿到图片
因为浏览器只要渲染出图像，就已暴露在用户可控环境里。常见绕过方式包括：
- 禁用 JavaScript 后刷新页面，所有拦截逻辑失效
- 按
Ctrl+U查源码，直接搜索<img src="</code"> 提取原始 URL - F12 打开开发者工具 → Network 面板 → 刷新 → 筛选
img→ 右键 “Open in new tab” → 另存为 - 用截图工具、录屏、甚至
canvas.getContext('2d').getImageData()（若未跨域）提取像素 - 安装浏览器扩展如 “Enable Right Click”，一键解除限制
真正值得投入的替代方案有哪些
与其花时间堵漏洞，不如让图片本身失去直接复用价值：
- 服务端返回带时效 token 的图片 URL，例如
/api/image?id=123&t=1715332260&sig=abc，过期即 403 - 敏感图改用
<canvas></canvas>渲染：用drawImage()贴图，原始 URL 和文件名彻底消失 - 关键区域叠加半透明水印层：
position: absolute+pointer-events: none，不影响交互但破坏截图可用性 - 高价值图片启用动态切片：前端分 9 块加载，JS 拼合到 canvas，盗用者需手动还原，成本陡增
记住：只要图片出现在屏幕上，它就已经“被保存”了——区别只在于是用户手动点右键，还是你主动交出去。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
