为网络学堂添加快捷键支持，提高批改效率
// ==UserScript==
// @name THUGradingShortcuts
// @namespace http://tampermonkey.net/
// @version 1.2
// @description 为网络学堂添加快捷键支持，提高批改效率
// @author 你的名字
// @match https://learn.tsinghua.edu.cn/f/wlxt/kczy/xszy/teacher/fx/*
// @match https://learn.tsinghua.edu.cn/f/wlxt/kczy/xszy/teacher/beforePiYue*
// @license MIT
// ==/UserScript==
(function() {
'use strict';
const currentUrl = window.location.href;
console.log('当前URL:', currentUrl);
const urlParams = new URLSearchParams(window.location.search);
// 配置快捷键映射
const keyFxMap = {
'F1': '.fv__ui-button.fv__ui-directive-controller.fv__ui-directive-tooltip[name="pencil-tool"]',
'F2': '.fv__ui-button.fv__ui-directive-controller.fv__ui-directive-tooltip[name="eraser-tool"]',
'Enter': '#btn-save' // 回车 -> 提交
};
// 批改题目快捷键映射
const keyPiyueMap = {
'Enter': '.btn[value="提交并继续批阅"]', // 回车 -> 提交
's': '.btn.zancun', // s键 -> 暂存
'Escape': 'div.sub-back:nth-child(16) .btn[value="取消"]', // Esc键 -> 取消
' ': '.btn.btn-success', // 空格 -> 开始批阅
};
// 判断当前页面类型
if (/\/teacher\/fx\//.test(currentUrl)) {
console.log('检测到批改页');
initFxPage();
}
else if (/\/teacher\/beforePiYue\?/.test(currentUrl)) {
console.log('检测到批改前页面');
initBeforePiYuePage();
}
// 等待主容器加载完成
function initFxPage() {
const container = document.querySelector('#pdf-ui');
if (container) {
// console.log('批改页加载完成');
setupFxShortcuts();
showHelpTooltip();
} else {
setTimeout(initFxPage, 500);
}
}
function initBeforePiYuePage() {
const container = document.querySelector('.detail-title');
if (container) {
// console.log('批改前页加载完成');
setupPiYueShortcuts();
showPiyueHelpTooltip();
} else {
setTimeout(initBeforePiYuePage, 500);
}
}
// 检查是否在输入框中
function isInputFocused() {
const activeElement = document.activeElement;
return activeElement.tagName === 'TEXTAREA';
}
// 设置批卷页快捷键
function setupFxShortcuts() {
document.addEventListener('keydown', function(event) {
// 检测是否有弹窗存在
if (isModalVisible()) {
console.log('检测到弹窗，忽略快捷键');
if (event.key === 'Enter') {
const confirmBtn = document.querySelector('.zeromodal-container.alert .btn-primary');
if (confirmBtn) {
console.log('点击弹窗确认按钮');
event.preventDefault();
confirmBtn.click();
// 添加点击反馈效果
// showClickFeedback(confirmBtn);
}
}
}
else {
if (event.key === 'h') {
// console.log('显示帮助提示');
// showHelpTooltip();
// return; // 阻止默认行为
}
else if (event.key === 'Tab') {
const input = document.querySelector('input[name="zycj"]');
input.focus(); // 自动聚焦到输入框
return; // 阻止默认行为
}
else {
const selector = keyFxMap[event.key];
if (selector) {
const btn = document.querySelector(selector);
if (btn) {
event.preventDefault();
btn.click();
// 添加点击反馈效果
// showClickFeedback(btn);
}
}
}
}
});
}
// 设置批卷页前页快捷键
function setupPiYueShortcuts() {
document.addEventListener('keydown', function(event) {
// 如果在输入框中，忽略快捷键
if (isInputFocused()) {
// console.log('当前在输入框中，忽略快捷键:', event.key);
return;
}
// 检测是否有弹窗存在
if (isModalVisible()) {
console.log('检测到弹窗，忽略快捷键');
if (event.key === 'Enter') {
const confirmBtn = document.querySelector('.zeromodal-container.alert .btn-primary');
if (confirmBtn) {
console.log('点击弹窗确认按钮');
event.preventDefault();
confirmBtn.click();
// 添加点击反馈效果
// showClickFeedback(confirmBtn);
}
}
}
else {
const selector = keyPiyueMap[event.key];
if (selector) {
console.log('检测到快捷键:', event.key, '对应按钮选择器:', selector);
const btn = document.querySelector(selector);
if (btn) {
console.log('找到按钮:', btn);
event.preventDefault();
btn.click();
// 添加点击反馈效果
// showClickFeedback(btn);
}
}
}
});
}
// 显示点击反馈
function showClickFeedback(element) {
element.style.transform = 'scale(0.95)';
setTimeout(() => {
element.style.transform = '';
}, 200);
}
// 显示帮助提示
function showHelpTooltip() {
const helpDiv = document.createElement('div');
helpDiv.style.position = 'fixed';
helpDiv.style.bottom = '20px';
helpDiv.style.right = '20px';
helpDiv.style.backgroundColor = 'rgba(0,0,0,0.7)';
helpDiv.style.color = 'white';
helpDiv.style.padding = '10px';
helpDiv.style.borderRadius = '5px';
helpDiv.style.zIndex = '9999';
helpDiv.innerHTML = `
<h3>快捷键帮助</h3>
<p>F1: 铅笔工具</p>
<p>F2: 橡皮工具</p>
<p>Tab: 选择成绩输入框</p>
<p>Enter: 提交</p>
`;
document.body.appendChild(helpDiv);
}
// 显示帮助提示
function showPiyueHelpTooltip() {
const helpPiyueDiv = document.createElement('div');
helpPiyueDiv.style.position = 'fixed';
helpPiyueDiv.style.bottom = '40px';
helpPiyueDiv.style.left = '40px';
helpPiyueDiv.style.backgroundColor = 'rgba(0,0,0,0.7)';
helpPiyueDiv.style.color = 'white';
helpPiyueDiv.style.padding = '20px';
helpPiyueDiv.style.borderRadius = '5px';
helpPiyueDiv.style.zIndex = '9999';
helpPiyueDiv.innerHTML = `
<h3>快捷键帮助</h3>
<p style="margin: 8px 0; color: white !important;">回车: 提交并继续批阅</p>
<p style="margin: 8px 0; color: white !important;">s: 挂起并继续批阅</p>
<p style="margin: 8px 0; color: white !important;">Esc: 取消</p>
<p style="margin: 8px 0; color: white !important;">空格: 在线批注作业</p>
`;
document.body.appendChild(helpPiyueDiv);
}
// 检测弹窗是否存在
function isModalVisible() {
const modal = document.querySelector('.zeromodal-container.alert');
return modal && window.getComputedStyle(modal).display !== 'none';
}
})();