From f8fe50654c2f969f9018970d4f95333dba9b430a Mon Sep 17 00:00:00 2001
From: xiongxiaoyang <773861846@qq.com>
Date: Mon, 16 May 2022 14:45:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=86=85=E5=AE=B9=E9=A1=B5=E5=B7=A6?=
 =?UTF-8?q?=E5=8F=B3=E7=AE=AD=E5=A4=B4=E9=94=AE=E7=9B=98=E7=9B=91=E5=90=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/BookContent.vue | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/views/BookContent.vue b/src/views/BookContent.vue
index 9ba84f5..84c9f6e 100644
--- a/src/views/BookContent.vue
+++ b/src/views/BookContent.vue
@@ -13,7 +13,8 @@
             <ul>
               <li>
                 <a
-                  class="ico_catalog" @click="chapterList(data.chapterInfo.bookId)"
+                  class="ico_catalog"
+                  @click="chapterList(data.chapterInfo.bookId)"
                   href="javascript:void(0)"
                   title="目录"
                 >
@@ -147,7 +148,7 @@
               style="background-color: rgba(255, 255, 255, 0.45)"
               class="dir"
               @click="chapterList(data.chapterInfo.bookId)"
-                  href="javascript:void(0)"
+              href="javascript:void(0)"
               >目录</a
             >
             <a
@@ -298,7 +299,8 @@ export default {
       imgBaseUrl: process.env.VUE_APP_BASE_IMG_URL,
     });
     onMounted(() => {
-      init(route.params.chapterId);
+      init(route.params.chapterId)
+      keyDown()
     });
 
     const bookDetail = (bookId) => {
@@ -335,6 +337,25 @@ export default {
       state.data = data;
     };
 
+    	  // 监听键盘
+    const keyDown = () => {
+        document.onkeydown =  (e) => {
+          //事件对象兼容
+          let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
+          //键盘按键判断:左箭头-37;上箭头-38；右箭头-39;下箭头-40
+          const bookId = state.data.chapterInfo.bookId;
+          //左
+          if (e1 && e1.keyCode == 37) {
+            // 按下左箭头
+            preChapter(bookId);
+          } else if (e1 && e1.keyCode == 39) {
+            // 按下右箭头
+            nextChapter(bookId)
+          }
+        }
+    }
+
+
     return {
       ...toRefs(state),
       bookDetail,