diff --git a/web/src/App.tsx b/web/src/App.tsx
index cf275c97..c7265c27 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -7,7 +7,7 @@ import { ConfigProvider as AntdProvider } from 'antd';
 import { parseColorScheme } from './utils/color-scheme-helper';
 import { Helmet } from 'react-helmet';
 import { useRecordMeasure } from './utils/measure-helper';
-import { getPopupContainer } from './utils/dom-helper';
+import { getPopupContainer, preventDefault } from './utils/dom-helper';
 import { LoadingSpinner } from './components/LoadingSpinner';
 
 const MainRoute = Loadable(() => import('./routes/Main'));
@@ -47,6 +47,7 @@ const AppContainer: React.FC = React.memo((props) => {
         },
         extraSchemeName
       )}
+      onContextMenu={preventDefault}
     >
       {props.children}
     </div>
diff --git a/web/src/utils/dom-helper.ts b/web/src/utils/dom-helper.ts
index 5eb816ad..a82ffb83 100644
--- a/web/src/utils/dom-helper.ts
+++ b/web/src/utils/dom-helper.ts
@@ -17,3 +17,10 @@ export function getPopupContainer() {
 export function stopPropagation(e: React.BaseSyntheticEvent) {
   e.stopPropagation();
 }
+
+/**
+ * 一个快捷方案用于直接在组件中执行 preventDefault
+ */
+export function preventDefault(e: React.BaseSyntheticEvent) {
+  e.preventDefault();
+}