jquery 键盘操作解析与模拟

smallerCoder

于 2017-05-10 17:52:27 发布

阅读量5.9k

点赞数 1

分类专栏：前端开发

前端开发专栏收录该内容

24 篇文章

订阅专栏

本文介绍了如何使用JavaScript模拟键盘事件（如空格键按下）及如何检测键盘（如回车键）和鼠标操作（如左右键点击）。通过具体代码示例展示了事件触发和响应的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.通过事件模拟键盘的操作（空格键为例）

var e = jQuery.Event("keydown");//模拟一个键盘事件
e.keyCode = 8;//keyCode=8是空格
$(this).trigger(e);//模拟按下空格键

2.判断键盘的操作（回车键）

$('#id').keydown(function (event_e) {
    if (window.event) { //判断是否是IE浏览器，IE下是全局变量，其他浏览器是传入的第一个参数 event_e = event_e||window.event
        event_e = window.event;
    }
    var int_keycode = event_e.charCode || event_e.keyCode;
    if (int_keycode == 13) {
        //TODO回车键的操作
    }
});

3.判断鼠标左右键点击

document.onnousedown = function(event) {
    var btnCode = event.button;
    if (0 == btnCode) {
        console.log('鼠标左键点击事件');
    } else if(1 == btnCode) {
        console.log('中间点击事件');
    } else {
        event.preventDefault();   //并没有阻止右键事件
        console.log('鼠标右键点击事件');
    }
}