1.首先你需要知道的是:
1,()
当按下键盘时会触发该事件。
2.keyup()
keyup事件会在按键松开时触发,即按下键盘起身后的事件。
3.()
当按键被点击时,该事件将被触发。 我们可以将其理解为按下和抬起同一个键。
2、获取键盘上对应的码:
复制代码代码如下:
$().((事件){
.log(事件。);
});
$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:
//…
休息;
错误的;
})
对事件的更详细的总结和描述:
事件参考手册
在学习过程中,你应该更多地思考如何提高交互性和用户体验。