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

示例代码如下:

<p>上一篇:<a id="prev" href="https://jiangdesheng.com/post-447.html">UEditor1.4.3.3使用记录</a></p>
<p>下一篇:<a id="next" href="https://jiangdesheng.com/post-445.html">妙用jQuery的val()方法</a></p>
<script>
$(function(){
	var prevpage=$("#prev").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;
	});
}); 
</script>

有朋自远方来...评论一下呗O(∩_∩)O