首页 > 编程 > JavaScript > 正文

jquery实现键盘左右翻页特效

2019-11-20 12:34:41
字体:
来源:转载
供稿:网友

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;       });  }); 

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表