美文网首页
JavaScript监听键盘并点击

JavaScript监听键盘并点击

作者: 把握_cc79 | 来源:发表于2018-07-03 18:52 被阅读0次
    批改试卷

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

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

    这次发现评分板改版了,评分数值都有相对应的事件绑定,于是抛弃按键精灵,直接在浏览器上使用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();
    

    相关文章

      网友评论

          本文标题:JavaScript监听键盘并点击

          本文链接:https://www.haomeiwen.com/subject/ifvjuftx.html