自己手寫的JS小工具

licoded發表於2020-11-01
JS

企順-理論輔助教學系統，刷題用滑鼠太麻煩了，鍵盤敲起來很舒服，於是就用JS實現了幾個快捷鍵

自己手寫的JS小工具

實現功能

功能 按鍵
選擇選項 1，2，3，4
提交（檢視正確答案） Space（空格）
題目跳轉（上一題、下一題） J，K

程式碼

document.onkeydown=function(event){
    let choices = document.querySelectorAll("td > input");
    const showRightBtn = document.querySelector('input[name="showRight"]');
    const problemNum = document.querySelector('select[name="questionnum"]');
    if(event.keyCode == 32){
        if(!!!showRightBtn){
            console.log('沒有檢視正確答案按鈕');
        }else{
            showRightBtn.click();
        }
    }else if(event.keyCode == 74){
        if(!!!problemNum){
            console.log('沒有找到題目編號');
        }else{
            const num = Number(problemNum.selectedOptions[0].innerText) - 2;
            if(num){
                // alert("question.php?curQuestionNo="+num+"&loaded=1")
                window.location = "http://train.bizsmooth.com/train/question.php?curQuestionNo="+num+"&loaded=1";
            }
        }
    }else if(event.keyCode == 75){
        if(!!!problemNum){
            console.log('沒有找到題目編號');
        }else{
            const num = Number(problemNum.selectedOptions[0].innerText);
            nextQuestion(num)
        }
    }else if(49 <= event.keyCode && event.keyCode <= 52){
        console.log('你按下了字母鍵');
        choices[event.keyCode-49].checked = true;
    }
};
本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章