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 相关文章推荐
arguments对象
Nov 20 Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
FileUpload 控件 禁止手动输入或粘贴的实现代码
Apr 07 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
js简单判断移动端系统的方法
Feb 25 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
微信小程序实现评论功能
Nov 28 Javascript
vue router 传参获取不到的解决方式
Nov 13 Javascript
Vue中Object.assign清空数据报错的解决方案
Mar 03 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生成条形码大揭秘
2015/09/24 PHP
利用PHP将图片转换成base64编码的实现方法
2016/09/13 PHP
Ubuntu上安装yaf扩展的方法
2018/01/29 PHP
浅谈PHP封装CURL
2019/03/06 PHP
jQuery each()方法的使用方法
2010/03/18 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
js如何设置在iframe框架中指定div不显示
2013/12/04 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
使用Object.defineProperty实现简单的js双向绑定
2016/04/15 Javascript
JS实现刷新父页面不弹出提示框的方法
2016/06/22 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
vue实现个人信息查看和密码修改功能
2018/05/06 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
原生JS实现音乐播放器
2021/01/26 Javascript
对命令行模式与python交互模式介绍
2018/05/12 Python
Pycharm2017版本设置启动时默认自动打开项目的方法
2018/10/29 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
采购员的工作职责
2013/12/26 职场文书
竞选部门副经理的自荐书范文
2014/02/11 职场文书
英语分层教学实施方案
2014/06/15 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
校长一岗双责责任书
2015/05/09 职场文书
二审答辩状格式
2015/05/22 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang