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 相关文章推荐
AJAX架构之Dojo篇
Apr 10 Javascript
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
超链接的禁用属性Disabled使用示例
Jul 31 Javascript
最简单的tab切换实例代码
May 13 Javascript
javascript如何创建对象
Aug 29 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
Jan 19 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
Sep 30 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
JS实现购物车基本功能
Nov 08 Javascript
微信小程序input抖动问题的修复方法
Mar 03 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
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
建立文件交换功能的脚本(二)
2006/10/09 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
php-fpm重启导致的程序执行中断问题详解
2019/04/29 PHP
PHP实现Snowflake生成分布式唯一ID的方法示例
2020/08/30 PHP
JS JavaScript获取Url参数,src属性参数
2021/03/09 Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
2012/01/21 Javascript
js中的数组Array定义与sort方法使用示例
2013/08/29 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
使用JavaScript刷新网页的方法
2015/06/04 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
JS加密插件CryptoJS实现AES加密操作示例
2018/08/16 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
Vue3 中的数据侦测的实现
2019/10/09 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Python+Wordpress制作小说站
2017/04/14 Python
Android分包MultiDex策略详解
2017/10/30 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
地图可视化神器kepler.gl python接口的使用方法
2020/12/22 Python
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
国际知名军事风格休闲装品牌:Alpha Industries(阿尔法工业)
2017/05/24 全球购物
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
vue实现倒计时功能
2021/03/24 Vue.js
动物科学专业求职信
2014/07/27 职场文书
学位证书委托书
2014/09/30 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书
Prometheus 监控MySQL使用grafana展示
2021/08/30 MySQL