鼠标键盘
小于 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();
