ITPub博客

首页 > IT职业 > IT生活 > jquery键盘常见事件---

jquery键盘常见事件---

IT生活 作者:farsun 时间:2021-09-09 08:57:45 0 删除 编辑
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

一、在看jquery的时候有几个常见的键盘事件,我写在这里:

1、keydown()
keydown事件会在键盘按下时触发.
2、keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
3、keypress()
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

二、键盘对应的ASCII码:

常见的例如上下左右键,分别为38,40,37,39。也就是从左键开始顺时针旋转。

也可以利用下面这段代码去获取

$(document).keydown(function(event){
console.log(event.keyCode);//FF下调试
});
上面例子中,event.keyCode就可以帮助我们获取到我们按下了键盘上的什么按键,返回的是ascII码

三、示例

复制代码




键盘
msg{position: absolute;left: 100px;top: 100px}
    .msg_caption span{font: 12px Arial;color: #fff;background: #647D65;width: 45px;display: block;float: left;margin: 0 2px;padding: 7px 0;text-align: center;cursor: pointer;}
    .clearfloat:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
    .clearfloat {  zoom: 1; /* triggers hasLayout */ display: inline-block; /* resets display for IE/Win */}
    div textarea{padding: 3px; width: 200px;height: 150px;overflow: auto;border: 1px solid #000}






向上
向下
    



复制代码
四、兼容性

e = event || window.event;//获取事件,这样写是为了兼容ie浏览器
currKey = e.keyCode || e.which || e.charCode;//获取按键,也是为了兼容浏览器
||表示,如果前面的成立就等于前面的,反之则后面的
在IE下:

支持keyCode
不支持which和charCode,二者值为 undefined
在Firefox下:
支持keyCode,除功能键外,其他键值始终为 0
支持which和charCode,二者的值相同
在Opera下:
支持keyCode和which,二者的值相同
不支持charCode,值为 undefined

测试代码:

复制代码

请按下任意键看测试效果:


type:

当前Key:

Decimal:

keyCode: 注:在FF下,keyCode始终为0

which: 注:在IE下,which始终为undefined ; 在Opera下,keyCode和charCode二者的值相同

charCode: 注:在IE、Opera下,charCode始终为undefined ; 在FF下,which和charCode二者的值相同

大写:

altKey:

ctrlKey:

shiftKey:

repeat:

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4289/viewspace-2807467/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-26

  • 博文量
    105
  • 访问量
    17169