diff --git a/design/webgl.drawio b/design/webgl.drawio
index 60f9221..a632cbb 100644
--- a/design/webgl.drawio
+++ b/design/webgl.drawio
@@ -1,6 +1,6 @@
 <mxfile host="65bd71144e">
     <diagram id="fareUikBvdjO0hJmng89" name="makeBitVertex 原理图">
-        <mxGraphModel dx="2008" dy="1429" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="1" shadow="0">
+        <mxGraphModel dx="1234" dy="929" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="1" shadow="0">
             <root>
                 <mxCell id="0"/>
                 <mxCell id="1" parent="0"/>
@@ -570,7 +570,7 @@
         </mxGraphModel>
     </diagram>
     <diagram id="ldzhMOmdS79g5s7hsVNb" name="makeVecVertex 原理图">
-        <mxGraphModel dx="245" dy="529" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="1" shadow="0">
+        <mxGraphModel dx="-105" dy="374" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="827" pageHeight="1169" math="1" shadow="0">
             <root>
                 <mxCell id="0"/>
                 <mxCell id="1" parent="0"/>
diff --git a/src/components/treeview/search.vue b/src/components/treeview/search.vue
index 3240924..3814387 100644
--- a/src/components/treeview/search.vue
+++ b/src/components/treeview/search.vue
@@ -65,6 +65,7 @@ const searchManage = reactive({
     searchResultLeft: -5,
 });
 
+
 function search() {
     const searchString = searchManage.content.trim();
     if (searchString.length === 0) {
diff --git a/src/hook/wave-view/key-event.js b/src/hook/wave-view/key-event.js
index 894dc38..21223d7 100644
--- a/src/hook/wave-view/key-event.js
+++ b/src/hook/wave-view/key-event.js
@@ -14,9 +14,11 @@ function windowsKeydown(element, pstate, deso, eventHandler, event) {
         if (event.key === '=') {
             eventHandler['scaleUp'].fn(pstate);
             deso.render();
+            event.preventDefault();
         } else if (event.key === '-') {
             eventHandler['scaleDown'].fn(pstate);
             deso.render();
+            event.preventDefault();
         }
     }
 
@@ -25,25 +27,29 @@ function windowsKeydown(element, pstate, deso, eventHandler, event) {
         case 'ArrowLeft':
             eventHandler['scrollLeft'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowRight':
             eventHandler['scrollRight'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowUp':
             eventHandler['scrollUp'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowDown':
             eventHandler['scrollDown'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         default:
             break;
         }
     }
 
-    event.preventDefault();
+    // event.preventDefault();
 }
 
 /**
@@ -59,9 +65,11 @@ function linuxKeydown(element, pstate, deso, eventHandler, event) {
         if (event.key === '=') {
             eventHandler['scaleUp'].fn(pstate);
             deso.render();
+            event.preventDefault();
         } else if (event.key === '-') {
             eventHandler['scaleDown'].fn(pstate);
             deso.render();
+            event.preventDefault();
         }
     }
 
@@ -70,25 +78,28 @@ function linuxKeydown(element, pstate, deso, eventHandler, event) {
         case 'ArrowLeft':
             eventHandler['scrollLeft'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowRight':
             eventHandler['scrollRight'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowUp':
             eventHandler['scrollUp'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowDown':
             eventHandler['scrollDown'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         default:
             break;
         }
     }
-    event.preventDefault();
-
+    // event.preventDefault();
 }
 
 /**
@@ -104,9 +115,11 @@ function macOsKeydown(element, pstate, deso, eventHandler, event) {
         if (event.key === '=') {
             eventHandler['scaleUp'].fn(pstate);
             deso.render();
+            event.preventDefault();
         } else if (event.key === '-') {
             eventHandler['scaleDown'].fn(pstate);
             deso.render();
+            event.preventDefault();
         }
     }
 
@@ -115,25 +128,28 @@ function macOsKeydown(element, pstate, deso, eventHandler, event) {
         case 'ArrowLeft':
             eventHandler['scrollLeft'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowRight':
             eventHandler['scrollRight'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowUp':
             eventHandler['scrollUp'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         case 'ArrowDown':
             eventHandler['scrollDown'].fn(pstate);
             deso.render();
+            event.preventDefault();
             break;
         default:
             break;
         }
     }
-    event.preventDefault();
-
+    // event.preventDefault();
 }
 
 /**