考试宝答题界面优化

优化考试宝答题界面UI，增加按键绑定

目前為 2023-06-05 提交的版本，檢視最新版本。

安裝腳本 ?

Wrap lines

// ==UserScript==
// @name        考试宝答题界面优化
// @namespace   https://github.com/AliubYiero/TemperScripts
// @version     1.0.0
// @description 优化考试宝答题界面UI，增加按键绑定
// @author      Yiero
// @match       https://www.zaixiankaoshi.com/online/*
// @icon        https://www.zaixiankaoshi.com/favicon.ico
// @license     GPL
// @grant       GM_addStyle
// ==/UserScript==
// 移除多余元素
// @ts-ignore
GM_addStyle(`
	.app-main {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	
	.middle-container {
		padding: 10px ${16 + 19 + 16 + 10}px;
		border-radius: 10px;
	}
	
	.vip-quanyi, .new-footer, .header, .answer-box-detail,
	.answer-box-detail {
		display: none;
	}
	
`);
window.onload = () => {
    const optionList = document.querySelectorAll('.options-w > .option');
    // 绑定键盘事件，让键盘点击可以选择选项，跳转题目
    window.addEventListener('keydown', e => {
        console.log(e);
        const chosenOptionNumber = parseInt(e.key) - 1;
        // 选择选项
        if (chosenOptionNumber >= 0 && chosenOptionNumber < optionList.length) {
            optionList[chosenOptionNumber].click();
        }
        /* 跳转题目 */
        if (['-', 'Backspace', 'ArrowLeft'].indexOf(e.key) !== -1) {
            // 上一题
            document.querySelector('.next-preve > button:nth-of-type(1)').click();
        }
        else if (['Enter', '+', '=', 'ArrowRight'].indexOf(e.key) !== -1) {
            // 下一题
            document.querySelector('.next-preve > button:nth-of-type(2)').click();
        }
    });
};

欢迎访问Greasy Fork镜像