跳至主要內容

鼠标键盘

chanchaw小于 1 分钟javascript

定义快捷键

要判断组合键使用 onkeydown,不要使用 onkeyup

$(function () {
    document.onkeydown = function (e) {
        // console.log(e); 其中的多个属性:code,key,keyCode都表示按下的按键
        if(e.code=='F9' && e.ctrlKey==true){
            e.preventDefault();
            console.log('启用按钮');
        }
    }
})

tab切换焦点

通过 jquery 使用类选择器、标签选择器多选控件后进行焦点切换,控件数组按照选择器的先后顺序,案例如下:

$('.page-container form .username, .page-container form .userPhone, .page-container form .password').keyup(function (e) {
    $(this).parent().find('.error').fadeOut('fast');
    $(this).parent().find('.message').fadeOut('fast');
    if (e.keyCode == 13) {
        let length = $('.page-container form input').length;
        let index = $('.page-container form input').index(this);
        if (index >= length - 1) {
            submit();
        } else {
            $('.page-container form input').eq(index + 1).focus();
        }
    }
});
$('.page-container form').parent().find('.username').focus();