From 18cbab4bda49a220b931261449a6ff219ae1d107 Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Wed, 2 Nov 2022 23:15:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E7=BD=AE=E9=A1=B5=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81ESC=E8=BF=94=E5=9B=9E=E4=B8=8A=E4=B8=80=E7=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Setting.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/Setting.vue b/src/views/Setting.vue
index ed20b8e..609266e 100644
--- a/src/views/Setting.vue
+++ b/src/views/Setting.vue
@@ -76,7 +76,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, onUnmounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import setting from '../global/readSetting'
 import restoreSetting from '../global/restoreSetting'
@@ -189,8 +189,22 @@ const handleRestoreBtnClick = () => {
     .catch(() => {})
 }
 
+// 键盘监听事件 监听ESC按下 退出设置页
+const keyDownHandler = (e) => {
+  if (e.key === 'Escape') {
+    emit('back')
+    e.stopPropagation()
+  }
+}
+
 onMounted(() => {
   listenStatus.value = window.listener.listening
+  document.addEventListener('keydown', keyDownHandler)
+})
+
+onUnmounted(() => {
+  // 移除监听事件
+  document.removeEventListener('keydown', keyDownHandler)
 })
 </script>