键盘实现WordPress翻页

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

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

不过正文键盘翻页会影响留言编辑时用键盘移动光标，所以可以把 及后面的删除，只在文章列表页面使用键盘翻页。

<?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 Up和Page Down试一下是不是很方便。可实现文章列表页面及正文上下篇翻页。

不过正文键盘翻页会影响留言编辑时用键盘移动光标，所以可以把

<?php wp_reset_query();if (is_single()) { ?>

及后面的删除，只在文章列表页面使用键盘翻页。

如果本文对你有帮助，你可以扫描右边的二维码打赏，谢谢支持

联系优畅：uctheme#qq.com (#改为@)
微信订阅号：优畅主题（uctheme）
官网淘宝店：http://uctheme.taobao.com
版权声明：版权归 优畅主题 所有，转载请注明出处！
转载请保留链接： https://www.uctheme.com/technical/367.html