Эх сурвалжийг харах

删除节点和边绑定键盘backspace事件

lichunyang 1 сар өмнө
parent
commit
0e5110ebc9

+ 13 - 0
src/views/model/vueflow/index.vue

@@ -184,8 +184,14 @@ onMounted(() => {
       }
     })
   }
+
+  window.addEventListener('keydown', handleKeyDown)
 })
 
+// 在组件卸载时移除键盘事件监听
+onUnmounted(() => {
+  window.removeEventListener('keydown', handleKeyDown)
+})
 
 // 处理节点拖动时的网格吸附
 onNodeDrag(({ node }) => {
@@ -380,6 +386,13 @@ const removeEdge = () => {
   saveproject()
 }
 
+// 监听键盘删除事件
+const handleKeyDown = (event) => {
+  if (event.key === 'Backspace') {
+    removeNode()
+  }
+}
+
 const confirmDelete = () => {
   ElMessageBox.confirm("确定要删除所有节点和连线吗?此操作不可恢复!", "警告", {
     confirmButtonText: "确认",