Question to say "I can!"

用鍵盤左右鍵實現WordPress上下翻頁

2012-03-31

參考于:LMS——用鍵盤左右鍵實現WordPress上下翻頁

 

用鍵盤左右鍵實現wordpress上下翻頁,其實原理和ctrl+enter來實現提交評論一樣的道理,本篇文章轉自露兜博客,支持ie和ff,沒有測試是否兼容谷歌chrome,我私下里覺得既然支持firefox那應該會支持chrome了,應該吧。下面是代碼:

1
2
3
4
5
6
7
8
9
10
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()函數即可達到目的:

1
2
3
4
5
6
7
8
9
10
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(); ?>";
}

將上面的代碼放置到相應頁面,自己試試吧!

作者:admin | Categories:設計問題 | Tags:

2條評論

  1. 華夏中文說道:

    document.onkeydown = chang_page;
    function chang_page() {
    if (event.keyCode == 37 || event.keyCode == 33)
    location = "";
    if (event.keyCode == 39 || event.keyCode == 34)
    location = "";
    }

    這個代碼怎么改成在同一分類下翻頁呢,不要翻到別的分類文章下

  2. 書法時間說道:

    多謝指點,能翻頁了。但進行評論時,如果是有了左右光標鍵,就麻煩了。

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 武汉沐足店转让 闲来广东麻将外挂软件 快乐十分开奖 3d太湖图谜字谜 上原亚衣AV免费播放 浙江11选5任选基 18选7 快3中奖多少钱 快乐飞艇怎么玩的 广西快3和值走势图 北京pk10官方网 nba比分直播188 重庆时时生肖彩三星走势图 比较好投资理财 山东11选5选号技 兴业银行股票