JavaScript监听键盘并点击

2018-07-03  本文已影响0人  把握_cc79
批改试卷

学生期末考了,试卷也开始多了,经过上次的试卷修改,这次学乖了,想办法简便一下工作量

上次批改试卷的评分板还没修改,只能通过鼠标点击进行改卷,效率太低了,无奈使用按键精灵简便处理

这次发现评分板改版了,评分数值都有相对应的事件绑定,于是抛弃按键精灵,直接在浏览器上使用JavaScript简化点击事件

简单思路:监听键盘,如果发现某一按键触发,则触发某一事件被点击


$(document).keydown(function(event){
    // Q == 第一题 3分
    if(event.keyCode == 81){
        document.querySelector('p.tbspan_1:nth-child(8)').click();
    }
    // W == 第一题 满分
    if(event.keyCode == 87){
        document.querySelector('p.tbspan_1:nth-child(2)').click();
    }
    // E == 第二题 9.5分
    if(event.keyCode == 69){
        document.querySelector('p.fl:nth-child(21)').click();
    }
    // R == 第二题 满分
    if(event.keyCode == 82){
        document.querySelector('p.tbspan_2:nth-child(2)').click();
    }
});

这里使用CSS选择器选择按钮是因为这些按钮没有绑定 id,只能通过CSS选择器进行选择

// JavaScript通过触发id按钮点击事件
document.getElementById("target").click();
上一篇下一篇

猜你喜欢

热点阅读