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 相关文章推荐
IE下双击checkbox反应延迟问题的解决方法
Mar 27 Javascript
jQuery选择器源码解读(三):tokenize方法
Mar 31 Javascript
javascript常用经典算法实例详解
Nov 25 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
Nov 23 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
Dec 04 Javascript
详解webpack 多入口配置
Jun 16 Javascript
vue实现双向绑定和依赖收集遇到的坑
Nov 29 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 Javascript
js获取url页面id,也就是最后的数字文件名
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
德生PL990,目前市面上唯一一款便携式插卡蓝牙全波段高性能收音机
2021/03/02 无线电
深入Nginx + PHP 缓存详解
2013/07/11 PHP
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
浅析PHP7 的垃圾回收机制
2019/09/06 PHP
破解Session cookie的方法
2006/07/28 Javascript
phpwind放自动注册方法
2006/12/02 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
2011/02/24 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
2020/11/07 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
pandas Dataframe行列读取的实例
2018/06/08 Python
手把手教你使用Python创建微信机器人
2019/04/29 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
python实现扫雷游戏的示例
2020/10/20 Python
SQL Server的固定数据库角色都有哪些?对应的服务器权限有哪些?
2013/05/18 面试题
维德科技C#面试题笔试题
2015/12/09 面试题
JVM是一个编译程序还是解释程序
2012/09/11 面试题
销售总监工作职责
2013/11/21 职场文书
应届生面试求职信
2014/07/02 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
2014年信用社工作总结
2014/11/25 职场文书
先进工作者推荐材料
2014/12/23 职场文书
北京英语导游词
2015/02/12 职场文书