fix: 优化 touch mouse 事件同时绑定及navigator a 标签阻止默认事件

Author: zhenyuWang

packages/uni-components/src/helpers/useHover.ts

@@ -45,16 +45,19 @@ export function useHover(props: UseHoverOptions) {
     if (evt.touches.length > 1) {
       return
     }
-    handleHover(evt)
+    handleHoverStart(evt)
   }
 
   function onMousedown(evt: MouseEvent) {
-    evt.preventDefault()
-    handleHover(evt)
+    if (hoverTouch) {
+      return
+    }
+
+    handleHoverStart(evt)
     window.addEventListener('mouseup', handlePCHoverEnd)
   }
 
-  function handleHover(evt: TouchEvent | MouseEvent) {
+  function handleHoverStart(evt: TouchEvent | MouseEvent) {
     // TODO detect scrolling
     if ((evt as any)._hoverPropagationStopped) {
       return
@@ -80,6 +83,10 @@ export function useHover(props: UseHoverOptions) {
   }
 
   function onMouseup() {
+    if (!hoverTouch) {
+      return
+    }
+
     handlePCHoverEnd()
   }
 

packages/uni-components/src/vue/navigator/index.tsx

@@ -27,7 +27,12 @@ export default /*#__PURE__*/ defineBuiltInComponent({
       const hasHoverClass = props.hoverClass && props.hoverClass !== 'none'
 
       return (
-        <a class="navigator-wrap" href={url} onClick={onEventPrevent}>
+        <a
+          class="navigator-wrap"
+          href={url}
+          onClick={onEventPrevent}
+          onMousedown={onEventPrevent}
+        >
           <uni-navigator
             class={hasHoverClass && hovering.value ? hoverClass : ''}
             {...(hasHoverClass && binding)}