用jquery实现键盘左右翻页功能的方法

    jQuery实现网页上键盘左右方向键翻页代码，我们在很多小说网站经常看到这样的效果，这样可以给网站提高用户体验，方便访客翻页使用，从而大大提高了网站PV浏览量，一个不错的效果，如果您的网站已经引入了jQuery框架，不妨增加这个网页上键盘左右方向键翻页功能。jquery键盘左右翻页，jquery键盘方向键翻页功能，当无上一篇或者下一篇的时候，按键盘将会没什么反应，避免错误跳转。

html代码：

<p>上一篇：<a id="pre" href="http://www.shuyong.net/550.html">品质生活,健康人生 - OBH气泡水机助你打造家庭</a></p> 
<p>下一篇：<a id="next" href="http://www.shuyong.net/432.html">[Emlog模板]蓝色经典主题 - 响应式</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; 
    }); 
 }); 

演示效果请用键盘左右测试本站

觉得很赞 (0)付款方式

X

付款方式：

• 微信
• 支付宝
• QQ红包

使用微信扫一扫

打开支付宝扫一扫

打开QQ扫一扫