键盘实现WordPress翻页


		
	 

	如果能用键盘方向键实现上下翻页操作是不是会很方便，闲来无事，折腾一下键盘实现WordPress翻页功能。实现方法很简单，一段JS代码搞定。

	
		
			// 键盘翻页   
		
			<?php wp_reset_query();if (is_home() || is_archive() || is_search()) { ?>   
		
			<script type="text/javascript">   
		
			    document.onkeydown = chang_page;function chang_page(e) {   
		
			        var e = e || event,   
		
			        keycode = e.which || e.keyCode;   
		
			        if (keycode == 33 || keycode == 37) location = '<?php echo get_previous_posts_page_link(); ?>';   
		
			        if (keycode == 34 || keycode == 39) location = '<?php echo get_next_posts_page_link(); ?>';   
		
			    }   
		
			</script>   
		
			<?php } ?>   
		
			<?php wp_reset_query();if (is_single()) { ?>   
		
			<script type="text/javascript">   
		
			document.onkeydown = chang_page;function chang_page(e) {   
		
			    var e = e || event,   
		
			    keycode = e.which || e.keyCode;   
		
			    if (keycode == 33 || keycode == 37) location = '<?php echo get_permalink(get_adjacent_post(false, '', false)); ?>';   
		
			    if (keycode == 34 || keycode == 39) location = '<?php echo get_permalink(get_adjacent_post(false, '', true)); ?>';   
		
			}   
		
			</script>   
		
			<?php } ?>  
	


	将上面JS代码加到主题头部模版header.php或页脚模版footer.php中即可。按键盘上的左右方向键及Page UpPage Down试一下是不是很方便。可实现文章列表页面及正文上下篇翻页。

	不过正文键盘翻页会影响留言编辑时用键盘移动光标，所以可以把<?php wp_reset_query();if (is_single()) { ?> 及后面的删除，只在文章列表页面使用键盘翻页。

	另外，还有人专门为实现这一功能制作了插件：Easy keyboard shortcut navigation，上述代码就是从中提取并修改而来，可能是因为一句JS代码可实现的功能，所以很少有人会使用这个插件，评分只有零分，呵呵

	摘自 zmingcx.com

补充：web前端 , HTML/CSS  ,