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 相关文章推荐
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
jquery 输入框数字限制插件
Nov 10 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
JQuery实现鼠标滚轮滑动到页面节点
Jul 28 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
Javascript类型系统之undefined和null浅析
Jul 13 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
关于JS模块化的知识点分享
Oct 16 Javascript
SpringBoot在yml配置文件中配置druid的操作
Nov 16 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
很实用的一个完整email发送程序
2006/10/09 PHP
PHP 工厂模式使用方法
2010/05/18 PHP
PHP反转字符串函数strrev()函数的用法
2012/02/04 PHP
php写的AES加密解密类分享
2014/06/20 PHP
PHP提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
php分页函数完整实例代码
2014/09/22 PHP
php将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
php读取csc文件并输出
2015/05/21 PHP
PHP Swoole异步MySQL客户端实现方法示例
2019/10/24 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
jQuery学习3:操作元素属性和特性
2010/02/07 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
ES6正则表达式的一些新功能总结
2017/05/09 Javascript
nodejs制作爬虫实现批量下载图片
2017/05/19 NodeJs
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
js实现搜索栏效果
2018/11/16 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
[03:48]大碗DOTA
2019/07/25 DOTA
Python+Django在windows下的开发环境配置图解
2009/11/11 Python
python 截取 取出一部分的字符串方法
2017/03/01 Python
详解Python nose单元测试框架的安装与使用
2017/12/20 Python
20行python代码的入门级小游戏的详解
2019/05/05 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
Python无损压缩图片的示例代码
2020/08/06 Python
美国沃尔玛网上超市:Walmart
2020/08/14 全球购物
集体备课反思
2014/02/12 职场文书
企业元宵节主持词
2014/03/25 职场文书
故意杀人案辩护词
2015/05/21 职场文书
幼儿园六一主持词
2015/06/30 职场文书