jquery键盘事件使用介绍

 2024-02-25 01:05:05  阅读 0

1.首先你需要知道的是:

1,()

当按下键盘时会触发该事件。

2.keyup()

keyup事件会在按键松开时触发,即按下键盘起身后的事件。

3.()

当按键被点击时,该事件将被触发。 我们可以将其理解为按下和抬起同一个键。

2、获取键盘上对应的码:

复制代码代码如下:

$().((事件){

.log(事件。);

});

ld转换成left键盘事件_ld转换成left键盘事件_ld转换成left键盘事件

$tips:在上面的例子中,event. 可以帮助我们获取我们在键盘上按下的键。 返回ASCII码,例如上、下、左、右键分别是38、40、37、39;

3. 示例(按键盘左右键时)

复制代码代码如下:

$().((事件){

//判断事件发生的时间。 为37(即左侧键),执行();

//判断事件发生的时间。 为39(即右侧键),执行();

if(事件。== 37){

//做;

}否则如果(事件。== 39){

//做;

});

案例分析:

例如:在小说网站中,常见的是通过按左右键来实现上一篇和下一篇; 按ctrl+enter实现表单提交; 而在有道阅读中,所有快捷键操作...(提高用户体验)

如果我们想实现ctrl+Enter,即ctrl+Enter提交表单,我们可以这样做:

复制代码代码如下:

$().((e) {

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

$("表单").();

})

//键盘操作

$().((事件){

var e = 事件 || 。事件;

var k = e。 || e.其中;

(k){

案例37:

//…

休息;

案例39:

//…

休息;

错误的;

})

对事件的更详细的总结和描述:

事件参考手册

在学习过程中,你应该更多地思考如何提高交互性和用户体验。

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码