From e92e291409b17b8ced4e2cc40a1c5779b4d1ec95 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Tue, 5 Apr 2022 16:47:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=BC=A0=E6=A0=87=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E9=9A=90=E8=97=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../core/PlayDetail/autoHideMounse.js          | 18 +++++++++---------
 .../components/core/PlayDetail/index.vue       | 10 ++++------
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/renderer/components/core/PlayDetail/autoHideMounse.js b/src/renderer/components/core/PlayDetail/autoHideMounse.js
index 649615dd..e3003d07 100644
--- a/src/renderer/components/core/PlayDetail/autoHideMounse.js
+++ b/src/renderer/components/core/PlayDetail/autoHideMounse.js
@@ -41,13 +41,13 @@ const handleMouseUp = () => {
   startTimeout()
 }
 
-export const registerAutoHideMounse = _dom => {
-  if (isAutoHide || !_dom) return
+export const registerAutoHideMounse = () => {
+  if (isAutoHide) return
+  if (!dom) dom = document.getElementById('root')
   isAutoHide = true
-  _dom.addEventListener('mousemove', handleMouseMove)
-  _dom.addEventListener('mousedown', handleMouseDown)
-  _dom.addEventListener('mouseup', handleMouseUp)
-  dom = _dom
+  document.addEventListener('mousemove', handleMouseMove)
+  document.addEventListener('mousedown', handleMouseDown)
+  document.addEventListener('mouseup', handleMouseUp)
   startTimeout()
 }
 
@@ -55,8 +55,8 @@ export const unregisterAutoHideMounse = dom => {
   if (!isAutoHide) return
   isAutoHide = false
   // console.log(dom)
-  dom?.removeEventListener('mousemove', handleMouseMove)
-  dom?.removeEventListener('mousedown', handleMouseDown)
-  dom?.removeEventListener('mouseup', handleMouseUp)
+  dom.removeEventListener('mousemove', handleMouseMove)
+  dom.removeEventListener('mousedown', handleMouseDown)
+  dom.removeEventListener('mouseup', handleMouseUp)
   unLockPointer()
 }
diff --git a/src/renderer/components/core/PlayDetail/index.vue b/src/renderer/components/core/PlayDetail/index.vue
index 8e8d0ed5..74c9704d 100644
--- a/src/renderer/components/core/PlayDetail/index.vue
+++ b/src/renderer/components/core/PlayDetail/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 transition(enter-active-class="animated lightSpeedIn" leave-active-class="animated slideOutDown" @after-enter="handleAfterEnter" @after-leave="handleAfterLeave")
-  div(:class="[$style.container, { [$style.fullscreen]: isFullscreen }]" @contextmenu="handleContextMenu" v-if="isShowPlayerDetail" ref="dom_content")
+  div(:class="[$style.container, { [$style.fullscreen]: isFullscreen }]" @contextmenu="handleContextMenu" v-if="isShowPlayerDetail")
     div(:class="$style.bg")
     //- div(:class="$style.bg" :style="bgStyle")
     //- div(:class="$style.bg2")
@@ -84,7 +84,6 @@ export default {
   setup() {
     const setting = useRefGetter('setting')
     const visibled = ref(false)
-    const dom_content = ref(null)
 
     let clickTime = 0
 
@@ -105,7 +104,7 @@ export default {
     }
 
     const handleAfterEnter = () => {
-      if (isFullscreen.value) registerAutoHideMounse(dom_content.value)
+      if (isFullscreen.value) registerAutoHideMounse()
 
       visibled.value = true
     }
@@ -115,11 +114,11 @@ export default {
       hideComment(false)
       visibled.value = false
 
-      unregisterAutoHideMounse(dom_content.value)
+      unregisterAutoHideMounse()
     }
 
     watch(isFullscreen, isFullscreen => {
-      (isFullscreen ? registerAutoHideMounse : unregisterAutoHideMounse)(dom_content.value)
+      (isFullscreen ? registerAutoHideMounse : unregisterAutoHideMounse)()
     })
 
     return {
@@ -135,7 +134,6 @@ export default {
       handleAfterLeave,
       visibled,
       isFullscreen,
-      dom_content,
       fullscreenExit() {
         window.eventHub.emit(eventBaseName.fullscreenToggle, false)
       },