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 相关文章推荐
MSN消息提示类
Sep 05 Javascript
javascript web对话框与弹出窗口
Feb 22 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
JS应用正则表达式转换大小写示例
Sep 18 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
JavaScript的==运算详解
Jul 20 Javascript
JavaScript拖动层Div代码
Mar 01 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
node 解析图片二维码的内容代码实例
Sep 11 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 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
虹吸式咖啡探讨–研磨
2021/03/03 冲泡冲煮
PHP中的CMS的涵义
2007/03/11 PHP
php中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
PHP中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
Yii框架模拟组件调用注入示例
2019/11/11 PHP
一个Action如何调用两个不同的方法
2014/05/22 Javascript
java、javascript实现附件下载示例
2014/08/14 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
AngularJS过滤器filter用法分析
2016/12/11 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
2017/02/21 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
2017/11/29 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
vue 微信授权登录解决方案
2018/04/10 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
了解javascript中变量及函数的提升
2019/05/27 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
Python复数属性和方法运算操作示例
2017/07/21 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
15行Python代码实现网易云热门歌单实例教程
2019/03/10 Python
在python 中split()使用多符号分割的例子
2019/07/15 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
生态学毕业生自荐信
2013/10/27 职场文书
夜大毕业生自我评价分享
2013/11/10 职场文书
晚宴邀请函范文
2014/01/15 职场文书
爱国演讲稿500字
2014/05/04 职场文书
校园绿化美化方案
2014/06/08 职场文书
农民工讨薪标语
2014/06/26 职场文书
航班延误投诉信
2015/07/02 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书