wordpress键盘事件监听,按键翻页功能

最近很多小伙伴肯定都发现了维7维3又添加了一个新功能,没错就是屌炸天的按键翻页功能这几天小V一直都在测试这个功能,刚加上按键翻页功能后就有不少小伙伴来问小V怎么实现这个功能,今天小V就来教大家如何为wordpress网站添加按键翻页功能,该功能的原理其实就是利用js的键盘事件监听实现的,好了不罗嗦直接上代码:

<?php
add_action('wp_footer','v7v3_keyCode');
function v7v3_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 = v7v3_page;function v7v3_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 = v7v3_page;function v7v3_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:添加以上代码后即可使用左右方向键进行翻页~~)

 

自从听了《一百块钱都不给我》小V整个人都不好了。。。完全停不下来的节奏

发表评论

电子邮件地址不会被公开。 必填项已用*标注