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函数库-集合框架
Apr 27 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
javascript实现的DES加密示例
Oct 30 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
百度判断手机终端并自动跳转js代码及使用实例
Jun 11 Javascript
JavaScript中的Function函数
Aug 27 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
Oct 22 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
基于react框架使用的一些细节要点的思考
May 31 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
Sep 23 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 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实现的验证码文件类实例
2015/06/18 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
jquery.ui.draggable中文文档
2009/11/24 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
jQuery使用$.ajax提交表单完整实例
2015/12/11 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
Python ZipFile模块详解
2013/11/01 Python
python中使用正则表达式的后向搜索肯定模式(推荐)
2017/11/11 Python
python机器学习之神经网络(一)
2017/12/20 Python
python之pandas用法大全
2018/03/13 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
a标签下载链接的简单实现
2016/09/13 HTML / CSS
德国最新街头服饰网上商店:BODYCHECK
2019/09/15 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
上海微创软件面试题
2012/06/14 面试题
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
报关简历自我评价怎么写
2013/09/19 职场文书
村级环境卫生整治方案
2014/05/04 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
体育教师研修感悟
2015/11/18 职场文书
素质教育培训心得体会
2016/01/19 职场文书
python 经纬度求两点距离、三点面积操作
2021/06/03 Python