一, 首先需要知道的是:
1,keydown()
keydown 事件会在键盘按下时触发.
2,keyup()
keyup 事件会在按键释放时触发, 也就是你按下键盘起来后的事件
3,keypress()
keypress 事件会在敲击按键时触发, 我们可以理解为按下并抬起同一个按键
二, 获得键盘上对应的 ascII 码:
代码如下:
- $(document).keydown(function(event){
- console.log(event.keyCode);
- });
$tips: 上面例子中, event.keyCode 就可以帮助我们获取到我们按下了键盘上的什么按键, 他返回的是 ascII 码, 比如说上下左右键, 分别是 38,40,37,39;
三, 实例 (当按下键盘上的左右方面键时)
代码如下:
- $(document).keydown(function(event){
- // 判断当 event.keyCode 为 37 时 (即左方面键), 执行函数 to_left();
- // 判断当 event.keyCode 为 39 时 (即右方面键), 执行函数 to_right();
- if(event.keyCode == 37){
- //do somethings;
- }else if (event.keyCode == 39){
- //do somethings;
- }
- });
实例研究:
- $(document).keypress(function(e) {
- if (e.ctrlKey && e.which == 13)
- $("form").submit();
- })
- // 键盘操作
- $(document).keydown(function(event){
- var e = event || Windows.event;
- var k = e.keyCode || e.which;
- switch(k) {
- case 37:
- //...
- break;
- case 39:
- //...
- break;
- }
- return false;
- })
来源: https://www.2cto.com/kf/201806/756715.html