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 相关文章推荐
淘宝搜索框效果实现分析
Mar 05 Javascript
基于jquery插件实现常见的幻灯片效果
Nov 01 Javascript
js时间戳格式化成日期格式的多种方法
Nov 11 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
vue addRoutes实现动态权限路由菜单的示例
May 15 Javascript
JS实现的视频弹幕效果示例
Aug 17 Javascript
js DOM的事件常见操作实例详解
Dec 16 Javascript
JavaScript onclick事件使用方法详解
May 15 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执行速度全攻略(下)
2006/10/09 PHP
PHP模拟SQL Server的两个日期处理函数
2006/10/09 PHP
PHP 写文本日志实现代码
2010/05/18 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
jquery中.add()的使用分析
2013/04/26 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
window.location.hash知识汇总
2015/11/09 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
javaScript中的原型解析【推荐】
2016/05/05 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
vue实现拖拽的简单案例 不超出可视区域
2019/07/25 Javascript
Python装饰器decorator用法实例
2014/11/10 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
Python3安装psycopy2以及遇到问题解决方法
2019/07/03 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
如何给Python代码进行加密
2020/01/10 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
remote接口和home接口主要作用
2013/05/15 面试题
大学生村官任职感言
2014/01/09 职场文书
农村改厕实施方案
2014/03/22 职场文书
火锅店的活动方案
2014/08/15 职场文书
统计员岗位职责
2015/02/11 职场文书