首页 > 编程开发 > JavaScript    日期:2020-02-23 / 来自互联网 / 浏览

无聊时候折腾的一个模版,需要用到这功能,便百度找了一下,测试过后记录一下,说不定以后也需要用到呢。

PS:此代码短小,并且在谷歌、火狐、IE9上面测试都是正常的。

jquery键盘左右翻页,实现键盘方向键翻页功能。并且,如果没有上一篇或者下一篇的时候,按键盘是不会有任何反应的,避免了错误的跳转。

Html代码:

<p>上一篇:<a id='pre' href='https://freexyz.cn/123.html'>上一篇文章</a></p>
<p>下一篇:<a id='next' href='https://freexyz.cn/125.html'>下一篇文章</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; 
       
    }); 
 });

有需要的朋友直接copy过去使用即可。

对了,除了上面代码之外,还要引进jquery。

The End......

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章