修复web阅读上下方向键二段跳的问题

This commit is contained in:
StanHustler
2023-09-23 20:28:28 +08:00
committed by Strato69
parent 0b828581ca
commit 8349fda250
4 changed files with 16 additions and 5 deletions
+11
View File
@@ -446,6 +446,15 @@ const handleKeyPress = (event) => {
break;
}
};
// 阻止默认滚动事件
const ignoreKeyPress = (event) => {
if (event.key === "ArrowUp" || event.key === "ArrowDown") {
event.preventDefault();
event.stopPropagation();
}
};
onMounted(() => {
//获取书籍数据
let bookUrl = sessionStorage.getItem("bookUrl");
@@ -484,6 +493,7 @@ onMounted(() => {
getContent(chapterIndex, true, chapterPos);
window.addEventListener("keyup", handleKeyPress);
window.addEventListener("keydown", ignoreKeyPress);
// 兼容Safari < 14
document.addEventListener("visibilitychange", onVisibilityChange);
//监听底部加载
@@ -505,6 +515,7 @@ onMounted(() => {
onUnmounted(() => {
window.removeEventListener("keyup", handleKeyPress);
window.removeEventListener("keydown", ignoreKeyPress);
window.removeEventListener("resize", onResize);
// 兼容Safari < 14
document.removeEventListener("visibilitychange", onVisibilityChange);