WordPress 鍵盤事件監聽，按鍵翻頁功能

最近很多小夥伴肯定都發現了薇曉朵又新增了一個新功能，沒錯就是屌炸天的按鍵翻頁功能

這幾天小編一直都在測試這個功能，剛加上按鍵翻頁功能後就有不少小夥伴來問小編怎麼實現這個功能，今天小編就來教大家如何為 WordPress 網站新增按鍵翻頁功能，該功能的原理其實就是利用 js 的鍵盤事件監聽實現的，好了不羅嗦

直接上程式碼：

<?php
add_action('wp_footer','wxd_keyCode');
function wxd_keyCode(){
    global $paged, $wp_query;
    if ( !$max_page )
        $max_page = $wp_query->max_num_pages;
    if ( !$paged )
        $paged = 1;
    $nextpage = intval($paged) + 1;
?>
<?php if( is_single() ) : ?>
<script type="text/javascript">
    document.onkeydown = wxd_page;function wxd_page(e) {
    var e = e || event,
    keycode = e.which || e.keyCode;
    var obj = e.target || e.srcElement;
    if(obj.tagName.toLowerCase()=="textarea"){return;}
    if(obj.tagName.toLowerCase()=="input"){return;}
    if (keycode == 37) location = '<?php echo get_permalink(get_adjacent_post(false,'',false)); ?>';
    if (keycode == 39) location = '<?php echo get_permalink(get_adjacent_post(false,'',true)); ?>';
    }
</script>
<?php elseif( is_home() || is_category() ) : ?>
<script type="text/javascript">
    document.onkeydown = wxd_page;function wxd_page(e) {
        var e = e || event,
        keycode = e.which || e.keyCode;
        var obj = e.target || e.srcElement;
        if(obj.tagName.toLowerCase()=="textarea"){return;}
        if(obj.tagName.toLowerCase()=="input"){return;}
        if (keycode == 37) location = '<?php echo get_previous_posts_page_link(); ?>';
        if (keycode == 39)
        <?php if ( $nextpage <= $max_page ) : ?>
            location = '<?php echo get_next_posts_page_link(); ?>';
        <?php else : ?>
            location = '<?php echo get_pagenum_link( $max_page ); ?>';
        <?php endif; ?>
    }
</script>
<?php endif; ?>
<?php
}
?>

將以上程式碼加入到當前使用的 WordPress 主題的 functions.php 檔案中 （PS: 程式碼加到第一個<?php 之前或最後一個?> 之後），即可。 （PS: 新增以上程式碼後即可使用左右方向鍵進行翻頁~~）

自從聽了 《一百塊錢都不給我》 小編整個人都不好了。。。完全停不下來的節奏