利用鍵盤左右鍵翻頁效果其實只是我們利用了一款js效果,用鍵盤左右鍵實現wordpress上下翻頁,其實原理和ctrl+enter來實現提交評論一樣的道理,支持ie和ff,沒有測試是否兼容谷歌chrome,我私下里覺得既然支持firefox那應該會支持chrome了,應該吧.

實例代碼如下:

1. document.onkeydown = chang_page; 
2. function chang_page(e) { 
3.     var e = e || event,  
4.     keycode = e.which || e.keyCode; 
5.     if (keycode == 37 || keycode == 33) 
6.         location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>"; 
7.     if (keycode == 39 || keycode == 34) 
8.         location = "<?php echo get_permalink(get_adjacent_post(false, '42', true)); ?>"; 
9. } 

將上面給出的翻頁代碼復制到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. document.onkeydown = chang_page; 
2. function chang_page(e) { 
3.     var e = e || event, 
4.     keycode = e.which || e.keyCode; 
5.     if (keycode == 37 || keycode == 33) 
6.         location = "<?php echo get_previous_posts_page_link(); ?>"; 
7.     if (keycode == 39 || keycode == 34) 
8.         location = "<?php echo get_next_posts_page_link(); ?>"; 
9. }