jquery实现键盘左右翻页特效


Posted in Javascript onApril 30, 2015

jquery键盘左右翻页,jquery键盘方向键翻页功能,当无上一篇或者下一篇的时候,按键盘将会没什么反应,避免错误跳转。

HTML代码

<p>上一篇:<a id='pre' href='http://www.daimajiayuan.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a> </p> 
<p>下一篇:<a id='next' href='http://www.daimajiayuan.com/sitejs-18339-1.html'>点击复选框添加或删除value值到input输入框中</a> </p>

jquery代码

$(document).ready(function(){ 
  var prevpage=$("#pre").attr("href"); 
  var nextpage=$("#next").attr("href"); 
  $("body").keydown(function(event){ 
   if(event.keyCode==37 && prevpage!=undefined) location=prevpage; 
   if(event.keyCode==39 && nextpage!=undefined) location=nextpage; 
    
  }); 
 });

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JavaScript中Math对象使用说明
Jan 16 Javascript
JQuery select标签操作代码段
May 16 Javascript
用js写了一个类似php的print_r输出换行功能
Feb 18 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 Javascript
关于TypeScript中import JSON的正确姿势详解
Jul 25 Javascript
Angular5.1新功能分享
Dec 21 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
js+springMVC 提交数组数据到后台的实例
Sep 21 Javascript
javascript实现视频弹幕效果(两个版本)
Nov 28 Javascript
jquery Validation表单验证使用详解
Sep 12 #Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 #Javascript
JS实现动态移动层及拖动浮层关闭的方法
Apr 30 #Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 #Javascript
javascript实现鼠标拖动改变层大小的方法
Apr 30 #Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 #Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 #Javascript
You might like
php在apache环境下实现gzip配置方法
2015/04/02 PHP
PHP  Yii清理缓存的实现方法
2016/11/10 PHP
jquery模拟按下回车实现代码
2011/09/20 Javascript
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
JavaScript随机生成颜色的方法
2016/10/15 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
vue 文件目录结构详解
2017/11/24 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
用vue快速开发app的脚手架工具
2018/06/11 Javascript
Vue一次性简洁明了引入所有公共组件的方法
2018/11/28 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
python爬虫面试宝典(常见问题)
2018/03/02 Python
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
python 解压pkl文件的方法
2018/10/25 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
如何基于线程池提升request模块效率
2020/04/18 Python
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
Ibatis如何使用动态表名
2015/07/12 面试题
自动化工程专业个人应聘自荐信
2013/09/26 职场文书
大学生水果店创业计划书
2014/01/28 职场文书
2015年毕业生自我鉴定模板
2014/09/19 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
高中英语教学反思范文
2016/03/02 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python