$(document).keydown(function(e){ var previous = 37, next = 39; switch (e.keyCode) { case previous: $('.sj-book').turn('previous'); break; case next: $('.sj-book').turn('next'); break; } });
时间: 2024-04-18 17:23:23 浏览: 171
这段代码是一个键盘按键事件的处理函数。当用户按下键盘的左箭头键(keyCode为37)或右箭头键(keyCode为39)时,会执行以下操作:
1. 定义变量 `previous` 为37,代表左箭头键的keyCode;定义变量 `next` 为39,代表右箭头键的keyCode。
2. 根据按下的键盘按键的keyCode进行判断:
- 如果按下的是左箭头键,通过 `$('.sj-book').turn('previous')` 实现翻到上一页的效果。
- 如果按下的是右箭头键,通过 `$('.sj-book').turn('next')` 实现翻到下一页的效果。
这段代码主要用于监听键盘按键事件,并根据按下的键盘按键执行相应的翻页操作。当用户按下左箭头键时,翻到上一页;当用户按下右箭头键时,翻到下一页。
相关问题
$(document).keydown(function(e){ if (!currentDemo) return; var sample = samples[currentDemo]; switch (e.keyCode) { case 37: if (sample.flipbook.turn('page')==1) bookshelf.close(); else sample.flipbook.turn('previous'); break; case 39: sample.flipbook.turn('next'); break; } });
这段代码为 `document` 对象绑定了一个 `keydown` 事件处理程序。当用户按下键盘上的某个键时,将执行相应的操作。下面是对代码的解释:
```javascript
$(document).keydown(function(e) {
if (!currentDemo)
return;
var sample = samples[currentDemo];
switch (e.keyCode) {
case 37:
if (sample.flipbook.turn('page') == 1)
bookshelf.close();
else
sample.flipbook.turn('previous');
break;
case 39:
sample.flipbook.turn('next');
break;
}
});
```
具体解释如下:
- `$(document).keydown(function(e) { ... })` 给 `document` 对象绑定了一个 `keydown` 事件处理程序。
在事件处理程序的函数内部:
- `if (!currentDemo) return;` 检查变量 `currentDemo` 是否存在,如果不存在,则退出函数。
- `var sample = samples[currentDemo];` 根据 `currentDemo` 的值获取 `samples` 数组中对应的元素,并将其赋值给变量 `sample`。
- `switch (e.keyCode) { ... }` 根据按下的键盘键的 `keyCode` 值进行分支判断。
根据不同的按键,执行不同的操作:
- `case 37:` 表示按下了左箭头键。在此情况下,代码会检查当前示例页面的翻页组件是否在第一页,如果是,则调用 `bookshelf.close()` 方法关闭书架,否则调用 `sample.flipbook.turn('previous')` 方法翻到上一页。
- `case 39:` 表示按下了右箭头键。在此情况下,代码会调用 `sample.flipbook.turn('next')` 方法翻到下一页。
总体而言,这段代码的作用是在用户按下左箭头键或右箭头键时,根据当前示例页面的状态执行相应的操作,包括关闭书架或翻到上一页/下一页。
.on("keydown", function (e) { var curKey = 0, e = e || window.event; curKey = e.keyCode || e.which || e.charCode; if (curKey == 13) 这个js代码简化写法
var curKey = 0;
document.onkeydown = function(e) {
curKey = e.keyCode || e.which || e.charCode;
if (curKey == 13) {
// 按下回车要做的事情
}
}
阅读全文