fix(contextmenu):prevent contextmenu default events

emqx · Jun 27, 2023 · e66df06 · e66df06
1 parent 4894a40
commit e66df06
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 11 deletions.
diff --git a/src/components/SubscriptionsList.vue b/src/components/SubscriptionsList.vue
@@ -25,7 +25,7 @@
             background: `${sub.color}10`,
           }"
           @click="handleClickTopic(sub, index)"
-          @contextmenu="handleContextMenu(sub, $event)"
+          @contextmenu.prevent="handleContextMenu(sub, $event)"
         >
           <div
             :style="{

diff --git a/src/views/connections/ConnectionsList.vue b/src/views/connections/ConnectionsList.vue
@@ -53,7 +53,7 @@
               v-else-if="!data.isCollection"
               class="connection-item"
               @click="handleSelectConnection(data)"
-              @contextmenu="handleContextMenu(data, $event)"
+              @contextmenu.prevent="handleContextMenu(data, $event)"
             >
               <div class="item-left">
                 <div
@@ -96,7 +96,7 @@
               v-else
               class="custom-tree-node-collection"
               @click="handleSelectCollection(data)"
-              @contextmenu="handleCollectionContextMenu($event, data)"
+              @contextmenu.prevent="handleCollectionContextMenu($event, data)"
             >
               <el-tooltip
                 :effect="theme !== 'light' ? 'light' : 'dark'"

diff --git a/web/src/App.vue b/web/src/App.vue
@@ -8,13 +8,7 @@
 import { Component, Vue } from 'vue-property-decorator'
 
 @Component
-export default class App extends Vue {
-  private created() {
-    window.addEventListener('contextmenu', (e) => {
-      e.preventDefault()
-    })
-  }
-}
+export default class App extends Vue {}
 </script>
 
 <style lang="scss">

diff --git a/web/src/components/SubscriptionsList.vue b/web/src/components/SubscriptionsList.vue
@@ -25,7 +25,7 @@
             background: `${sub.color}10`,
           }"
           @click="handleClickTopic(sub, index)"
-          @contextmenu="handleContextMenu(sub, $event)"
+          @contextmenu.prevent="handleContextMenu(sub, $event)"
         >
           <div
             :style="{