用键盘左右键实现WordPress上下翻页

LMS
折腾
1.2K+ 4

用键盘左右键实现wordpress上下翻页，其实原理和ctrl+enter来实现提交评论一样的道理，本篇文章转自露兜博客，支持ie和ff，没有测试是否兼容谷歌chrome，我私下里觉得既然支持firefox那应该会支持chrome了，应该吧。下面是代码：

document.onkeydown = chang_page;
function chang_page(e) {
    var e = e || event, 
    keycode = e.which || e.keyCode;

    if (keycode == 37 || keycode == 33)
        location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>";
    if (keycode == 39 || keycode == 34)
        location = "<?php echo get_permalink(get_adjacent_post(false, '42', true)); ?>";
}

将上面给出的翻页代码复制到single.php内保存，无论是IE还是FF，均能完美实现键盘翻页。说明：get_adjacent_post()函数中的42是指排除分类ID为42的文章——也就是说，在翻页过程中会自动跳过该分类下的文章（因为本站ID=42的分类被用于改造个人微博，并不想与文章一起翻页展示）。如果没有特殊要求，这个参数留空即可，读者可根据个人博客的实际需要自行修改。

文章列表页面（如首页、分类页面、存档页面等）是否也可以实现键盘翻页呢？我们只需使用get_previous_posts_page_link()和get_next_posts_page_link()代替上述代码中的get_adjacent_post()函数即可达到目的：

document.onkeydown = chang_page;
function chang_page(e) {
    var e = e || event,
    keycode = e.which || e.keyCode;

    if (keycode == 37 || keycode == 33)
        location = "<?php echo get_previous_posts_page_link(); ?>";
    if (keycode == 39 || keycode == 34)
        location = "<?php echo get_next_posts_page_link(); ?>";
}

将上面的代码放置到相应页面，自己试试吧！

原文章地址：http://www.ludou.org/wordpress-keyboard-javascript-pagenavi.html，好长的地址啊。

THE END

评论 4

  1. 折腾了半天，木有成功

  2. 这个很不错啊，不过如何博客已经支持浏览图片左右翻页会不会产生冲突？

    1. 这个真不知道，估计会冲突。一个键绑两个功能。。。

发表评论

Submit