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 相关文章推荐
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 Javascript
js的逻辑运算符 ||
May 31 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
vue中动态设置meta标签和title标签的方法
Jul 11 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
Oct 19 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
基于vuex实现购物车功能
Jan 10 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
PHP实现的装箱算法示例
2018/06/23 PHP
在html页面中包含共享页面的方法
2008/10/24 Javascript
jQuery 版本的文本输入框检查器Input Check
2009/07/09 Javascript
自己的js工具 Event封装
2009/08/21 Javascript
jQuery的学习步骤
2011/02/23 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
jquery插件ajaxupload实现文件上传操作
2015/12/09 Javascript
js判断鼠标位置是否在某个div中的方法
2016/02/26 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
详解如何理解vue的key属性
2019/04/14 Javascript
js实现页面多个日期时间倒计时效果
2019/06/20 Javascript
[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局
2016/03/02 DOTA
[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3
2018/06/04 DOTA
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
Python DataFrame 设置输出不显示index(索引)值的方法
2018/06/07 Python
python一键去抖音视频水印工具
2018/09/14 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
python微信撤回监测代码
2019/04/29 Python
pandas 选取行和列数据的方法详解
2019/08/08 Python
Python:合并两个numpy矩阵的实现
2019/12/02 Python
解决django FileFIELD的编码问题
2020/03/30 Python
python反扒机制的5种解决方法
2021/02/06 Python
The Hut美国/加拿大:英国领先的豪华在线百货商店
2019/03/26 全球购物
水产养殖学应届生求职信
2013/09/29 职场文书
促销活动总结报告
2014/04/26 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
服务行业口号
2014/06/11 职场文书
个人租房协议书
2014/11/28 职场文书
培训班通知
2015/04/25 职场文书
如何写观后感
2015/06/19 职场文书
中秋联欢会主持词
2015/07/04 职场文书
导游词之湖北武当山
2019/09/23 职场文书
Python学习之迭代器详解
2022/04/01 Python