JS实现键盘事件上下翻页

转载至https://help.finereport.com/doc-view-1755.html

https://www.w3school.com.cn/jsref/dom_obj_event.asp

点击菜单模板>模板 Web 属性>分页预览设置，选择“为该模板单独设置”，添加一个“加载结束”事件，编辑加载结束事件，添加下面的 JS 代码：

$(document).bind('keydown', function(e) {
var key = window.event ? e.keyCode : e.which;
//alert(key);
if (key.toString() == "33"|| key.toString() == "37" || key.toString() == "38") {
contentPane.gotoPreviousPage();
}
else if (key.toString() == "32" || key.toString() == "34"|| key.toString() == "39" || key.toString() == "40") {
contentPane.gotoNextPage();
}
})

代码说明：

$(document).bind('keydown', function(e) {})  //获取键盘按键按下事件
var key = window.event ? e.keyCode : e.which;  //获取按键键值
contentPane.gotoPreviousPage();  //跳转到上一页
contentPane.gotoNextPage();  //跳转到下一页

JS实现键盘事件上下翻页相关推荐

html 上下翻页效果代码,原生js实现可以带上下翻页的翻页功能（代码）
本篇文章给大家带来的内容是关于原生js实现可以带上下翻页的翻页功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 翻页功能在渲染数据时经常用到,下面是使用原生JS去实现的一个 ...
html表格翻页简单,利用jQuery实现一个简单的表格上下翻页效果
前言本文主要介绍的是利用jQuery实现一个简单的表格上下翻页效果,注:实现原理与轮播图相似.下面话不多说,来看看详细的实现方法吧. html: 日期参与团购场次团购结果当前状态 02.08 第一 ...
在PHP当中制作隔行换色的效果以及制作上下翻页的效果！
首先说明隔行换色的效果,需要用到tr:nth_child(odd);或者括号里的值是even,odd是从第一行开始隔一行,even是从第二行开始: 具体代码如下图案所示: 1 <style> ...
php接收键盘事件,js获取键盘事件的方法实例
本文主要和大家分享js获取键盘事件的方法实例,希望能帮助到大家. document.οnkeydοwn=function(event){ var e = event || window.event | ...
手机qq浏览器怎么设置上下翻页按钮手机qq浏览器设置上下翻页按钮的方法
1.打开qq浏览器,点击右下角"我的". 手机qq浏览器怎么设置上下翻页按钮?手机qq浏览器设置上下翻页按钮的方法[多图] 2.点击右上角设置图标. 手机qq浏览器怎么设置上下翻页 ...
HTML5手机页面触屏滑动上下翻页特效
和手机桌面管理的翻页特效一样,这个是html5实现上下翻页下载地址: http://www.webkfa.com/one328/w1026.html
Android自定义控件之3D上下翻页效果的倒计时控件
这是一个自定义的倒计时控件,具有3D上下翻页翻转效果.最近项目中需要做一个倒计时控件,需要和iOS端的效果保持一样.大致效果是这样的,如下图所示: 由于暂时还不会怎么样制作gif动态图,所以想看具体效 ...
CentOs上下翻页
在windows上虚拟机中安装的CentOS,在命令窗口输入某个命令后,显示的内容较多,但是我想看前面几行的内容,可以使用下面的按键进行上下翻页的操作: 向上翻页查看 Shift + PgUp 向下翻 ...
初识 jquery.simulate.js 模拟键盘事件
用jquery 和 jquery.simulate.js 实现模拟键盘事件,点击上下左右div相当于点击键盘的上下左右键 <!DOCTYPE html> <html><h ...
php上下翻页,一个很不错的PHP翻页类
一个很不错的PHP翻页类,包含了使用例子,感谢Alan /* * Created on 2007-6-8 * Programmer : Alan , Msn - haowubai@hotmail.co ...

JS实现键盘事件上下翻页

JS实现键盘事件上下翻页相关推荐

最新文章

热门文章