'-'

zhangwei

2025-07-07 85428f0bf3bbf08d65200cffc38dd1e96af34da6

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { useEventListener } from "@vueuse/core";
 
/** 是否为`img`标签 */
function isImgElement(element) {
  return typeof HTMLImageElement !== "undefined"
    ? element instanceof HTMLImageElement
    : element.tagName.toLowerCase() === "img";
}
 
// 在 src/main.ts 引入并调用即可 import { addPreventDefault } from "@/utils/preventDefault"; addPreventDefault();
export const addPreventDefault = () => {
  // 阻止通过键盘F12快捷键打开浏览器开发者工具面板
  useEventListener(
    window.document,
    "keydown",
    ev => ev.key === "F12" && ev.preventDefault()
  );
  // 阻止浏览器默认的右键菜单弹出（不会影响自定义右键事件）
  useEventListener(window.document, "contextmenu", ev => ev.preventDefault());
  // 阻止页面元素选中
  useEventListener(window.document, "selectstart", ev => ev.preventDefault());
  // 浏览器中图片通常默认是可拖动的，并且可以在新标签页或窗口中打开，或者将其拖动到其他应用程序中，此处将其禁用，使其默认不可拖动
  useEventListener(
    window.document,
    "dragstart",
    ev => isImgElement(ev?.target) && ev.preventDefault()
  );
};