博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery监听键盘事件及相关操作使用教程
阅读量:5923 次
发布时间:2019-06-19

本文共 1102 字,大约阅读时间需要 3 分钟。

一、首先需要知道的是:

  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;

    }

  });

实例研究:

比如:小说网站中常见的按左右键来实现上一篇文章和下一篇文章;按ctrl+回车实现表单提交;google reader和有道阅读中的全快捷键操作...(以此提高用户体验)

如果我们要实现ctrl+Enter就是ctrl+回车提交表单,可以这样:

$(document).keypress(function(e) {

  if (e.ctrlKey && e.which == 13)

  $("form").submit();

})

//键盘操作

$(document).keydown(function(event){

  var e = event || window.event;

  var k = e.keyCode || e.which;

  switch(k) {

    case 37:

    //…

    break;

    case 39:

    //…

    break;

  }

    return false;

});

 

转载于:https://www.cnblogs.com/xiangsj/p/5996454.html

你可能感兴趣的文章
PHP后台基础知识点整理(草稿,未完)
查看>>
36. Python 多进程
查看>>
DevExpress.XtraGrid.view.gridview 属性说明
查看>>
sql杂记
查看>>
MySQL查看当前用户、存储引擎、日志
查看>>
Oracle 临时表空间
查看>>
Linux iostat和vmstat命令
查看>>
python学习笔记4
查看>>
JSONP是如何工作的?
查看>>
Java 9特性
查看>>
分享一个查IP归属地的python脚本
查看>>
SpringMVC的ModelAttribute注解
查看>>
替代redis的高性能NoSQL 数据库--SSDB
查看>>
基于redis分布式缓存实现
查看>>
利用共享文件夹实现故障转移群集的仲裁盘
查看>>
Git Bug分支
查看>>
多台Linux服务器SSH相互访问无需密码
查看>>
怎么改善现有网站
查看>>
MySQL与MongoDB的操作对比
查看>>
拦截器与Filter的区别
查看>>