jquery键盘左右翻页,实现键盘方向键翻页功能。
无聊时候折腾的一个模版,需要用到这功能,便百度找了一下,测试过后记录一下,说不定以后也需要用到呢。
PS:此代码短小,并且在谷歌、火狐、IE9上面测试都是正常的。
jquery键盘左右翻页,实现键盘方向键翻页功能。并且,如果没有上一篇或者下一篇的时候,按键盘是不会有任何反应的,避免了错误的跳转。
Html代码:
<p>上一篇:<a id='pre' href='https://www.songhaifeng.com/ZBlog/63.html'>ZblogPhp模版-dobyi单栏小清新</a></p> <p>下一篇:<a id='next' href='https://www.songhaifeng.com/ZBlog/42.html'>ZblogPhp模版-Lucky自适应个人博客模版</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,我测试时候是jquery 1.8.2
The End......
技术厉害,大赞啊!
不错的站点,以后一定常来。
我对博主之敬仰尤如涛涛江水连绵不绝,有如黄河泛滥一发不可收拾!
向大神学习学习了
过来看看,学习学习。(themebetter更好的主题)
已撸、不谢-
XiaoFeng [管理员] 2016-02-23 22:01:46
@好文章 回撸、不谢