使用左右鍵來翻上下頁
// ==UserScript==
// @name 左右鍵翻頁 Navigate with Arrow Keys
// @namespace https://github.com/Shen255313/tampermonkey-scripts
// @version 1.2.6
// @description 使用左右鍵來翻上下頁
// @author ShenYJ
// @homepage https://greasyfork.org/zh-TW/scripts/510257-左右鍵翻頁-navigate-with-arrow-keys
// @icon https://img.ixintu.com/download/jpg/20201127/b2a55453b5000509eda6a939275250e6_512_512.jpg
// @match *://*/*
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_unregisterMenuCommand
// ==/UserScript==
(function() {
'use strict'; // 使用嚴格模式
// 記錄日誌函數
function log(message) {
console.log(`[翻頁腳本] ${message}`); // 在控制台輸出日誌信息
}
// 配置選項
const config = {
prevPageSelectors: ['a', 'button'], // 支援的元素選擇器
nextPageSelectors: ['a', 'button'], // 支援的元素選擇器
prevPageKeywords: ['上一頁', '前一頁', '上一節', '上一章', '上一頁', '前一頁', '前一章', '上一页', '前一页', '上一节', '上一页', '前一页', '前一章'], // 上一頁的同義詞
nextPageKeywords: ['下一頁', '後一頁', '下一節', '下一章', '下一頁', '後一節', '後一章', '下一页', '后一页', '下一节', '下一页', '后一节', '后一章'], // 下一頁的同義詞
prevKey: 'ArrowLeft', // 上一頁按鍵
nextKey: 'ArrowRight', // 下一頁按鍵
logLevel: 'info', // 日誌記錄級別
spacekeymode: GM_getValue('spacekeymode', false) // 空白鍵雙擊翻頁模式，從存儲中讀取狀態
};
// 更新空白鍵模式菜單
let menuCommandId = GM_registerMenuCommand(`空白鍵雙擊翻頁 ${config.spacekeymode ? '關閉' : '開啟'}`, toggleSpacekeyMode);
// 切換空白鍵雙擊翻頁模式
function toggleSpacekeyMode() {
config.spacekeymode = !config.spacekeymode;
GM_setValue('spacekeymode', config.spacekeymode); // 保存狀態到存儲中
const status = config.spacekeymode ? '開啟' : '關閉';
log(`空白鍵雙擊翻頁已${status}`);
// 更新菜單命令文字
GM_unregisterMenuCommand(menuCommandId);
menuCommandId = GM_registerMenuCommand(`空白鍵雙擊翻頁 ${status}`, toggleSpacekeyMode);
}
// 查找符合條件的元素
function findPageElement(keywords, selectors) {
for (const selector of selectors) { // 遍歷所有選擇器
const elements = document.querySelectorAll(selector); // 查找所有符合選擇器的元素
for (const element of elements) { // 遍歷所有元素
for (const keyword of keywords) { // 遍歷所有關鍵詞
if (element.textContent.includes(keyword)) { // 如果元素的文本內容包含關鍵詞
return element; // 返回該元素
}
}
}
}
return null; // 如果沒有找到符合條件的元素，返回 null
}
// 處理按鍵事件
function handleKeydown(event) {
if (event.key === config.prevKey) { // 如果按下的是上一頁按鍵
const prevPageElement = findPageElement(config.prevPageKeywords, config.prevPageSelectors); // 查找上一頁的元素
if (prevPageElement) { // 如果找到上一頁的元素
prevPageElement.click(); // 點擊該元素
log('翻到上一頁'); // 記錄日誌
highlightElement(prevPageElement); // 高亮顯示該元素
} else {
log('未找到上一頁的元素'); // 如果沒有找到上一頁的元素，記錄日誌
}
} else if (event.key === config.nextKey) { // 如果按下的是下一頁按鍵
const nextPageElement = findPageElement(config.nextPageKeywords, config.nextPageSelectors); // 查找下一頁的元素
if (nextPageElement) { // 如果找到下一頁的元素
nextPageElement.click(); // 點擊該元素
log('翻到下一頁'); // 記錄日誌
highlightElement(nextPageElement); // 高亮顯示該元素
} else {
log('未找到下一頁的元素'); // 如果沒有找到下一頁的元素，記錄日誌
}
}
}
// 高亮顯示被點擊的元素
function highlightElement(element) {
element.style.outline = '2px solid red'; // 設置元素的外框為紅色
setTimeout(() => {
element.style.outline = ''; // 500 毫秒後移除外框
}, 500);
}
// 防重複點擊機制
let lastRightClickTime = 0; // 上次點擊 ArrowRight 鍵的時間
function preventRightDoubleClick() {
const now = Date.now(); // 獲取當前時間
if (now - lastRightClickTime < 1000) { // 如果距離上次點擊 ArrowRight 鍵的時間小於 1000 毫秒
return true; // 返回 true，表示重複點擊
}
lastRightClickTime = now; // 更新上次點擊 ArrowRight 鍵的時間
return false; // 返回 false，表示不是重複點擊
}
// 空白鍵雙擊翻頁
let spacebarClickTime = 0; // 上次點擊的時間
function spacebarDoubleClick() {
const now = Date.now(); // 獲取當前時間
if (now - spacebarClickTime < 600) { // 如果距離上次點擊的時間小於 500 毫秒
const event = new KeyboardEvent('keydown', { key: 'ArrowRight', code: 'ArrowRight', keyCode: 39, which: 39 });
document.dispatchEvent(event);
}
spacebarClickTime = now; // 更新上次點擊的時間
}
// 監聽按鍵事件
document.addEventListener('keydown', event => {
if (event.key === 'ArrowRight') {
if (preventRightDoubleClick()) { // 如果是重複點擊
log('重複點擊，忽略此次操作'); // 記錄日誌
return; // 忽略此次操作
}
handleKeydown(event); // 處理按鍵事件
} else if (event.key === ' ' && config.spacekeymode) {
spacebarDoubleClick();
} else {
handleKeydown(event); // 處理其他按鍵事件
}
});
// 初始掃描現有的 DOM
function initialScan() {
log('進行初始掃描'); // 記錄日誌
const prevPageElement = findPageElement(config.prevPageKeywords, config.prevPageSelectors); // 查找上一頁的元素
const nextPageElement = findPageElement(config.nextPageKeywords, config.nextPageSelectors); // 查找下一頁的元素
log(`初始掃描結果: 上一頁元素${prevPageElement ? '已找到' : '未找到'}, 下一頁元素${nextPageElement ? '已找到' : '未找到'}`); // 記錄掃描結果
}
// 監聽動態加載內容
const observer = new MutationObserver(() => {
log('檢測到動態加載內容'); // 記錄日誌
initialScan(); // 進行初始掃描
});
try {
observer.observe(document.body, { childList: true, subtree: true }); // 監聽 DOM 變化
log('MutationObserver 已啟動'); // 記錄日誌
} catch (error) {
log(`MutationObserver 啟動失敗: ${error.message}`); // 記錄錯誤信息
}
// 提供停止 MutationObserver 的機制
function stopObserver() {
observer.disconnect(); // 停止監聽 DOM 變化
log('MutationObserver 已停止'); // 記錄日誌
}
// 初始掃描現有的 DOM
initialScan(); // 進行初始掃描
log('翻頁腳本已啟動'); // 記錄日誌
})();