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

  • 内容
  • 相关

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

html代码:

<p>上一篇:<a id="pre" href="http://4dn.net/jsxx/16.html">Emlog程序多域名全站访问</a></p>
<p>下一篇:<a id="next" href="http://4dn.net/jsxx/15.html">emlog 如何解决gid文章ID自增断号问题</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; 
    }); 
 });
黑蜘蛛

本文标签:

版权声明:若无特殊注明,本文皆为《ღ軍尐ღ》原创,转载请保留文章出处。

字数统计:本文共有 《687》 个。

本文链接:用jquery实现键盘左右翻页功能的方法 - https://4dn.net/jsxx/19.html