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 相关文章推荐
20个非常棒的Jquery实用工具 国外文章
Jan 01 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
Dec 18 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
javascript中的altKey 和 Event属性大全
Nov 06 Javascript
Jquery easyui 实现动态树
Nov 17 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
Jun 19 Javascript
npm 更改默认全局路径以及国内镜像的方法
May 16 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
基于javascript实现贪吃蛇小游戏
Nov 25 Javascript
JavaScript实现随机点名器
Mar 25 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
通过实例解析JavaScript for in及for of区别
Jun 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面向对象全攻略 (六)__set() __get() __isset() __unset()的用法
2009/09/30 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
javascript 获取select下拉列表值的代码
2009/09/07 Javascript
有关DOM元素与事件的3个谜题
2010/11/11 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
js使用递归解析xml
2014/12/12 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
AngularJS 应用模块化的使用
2018/04/04 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python实现栈的方法
2015/05/26 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
python 获取文件下所有文件或目录os.walk()的实例
2018/04/23 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
python 画3维轨迹图并进行比较的实例
2019/12/06 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
挂职思想汇报
2013/12/31 职场文书
三爱活动实施方案
2014/03/19 职场文书
总经理任命书范本
2014/06/05 职场文书
入团介绍人意见范文
2015/06/04 职场文书
师范生见习自我总结
2015/06/23 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL