wordpress利用鍵盤左右鍵實現上下翻頁的方法

來源：本站原創(chuàng)|時間：2020-01-11|欄目：WordPress|點擊：次

本文實例講述了wordpress利用鍵盤左右鍵實現上下翻頁的方法。分享給大家供大家參考。具體分析如下：

利用鍵盤左右鍵翻頁效果其實只是我們利用了一款js效果,用鍵盤左右鍵實現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(); ?>";
}

將上面的代碼放置到相應頁面,感興趣的朋友可以試一下.

希望本文所述對大家的WordPress建站有所幫助。

上一篇：wordpress主題評論中添加回復的方法

欄目：WordPress

下一篇：Wordpress將選中內容分享到新浪騰訊微博的方法

本文標題：wordpress利用鍵盤左右鍵實現上下翻頁的方法

本文地址：http://www.jygsgssxh.com/a1/WordPress/12711.html

更多WordPress

雷火电竞-中国电竞赛事及体育赛事平台

WordPress

wordpress利用鍵盤左右鍵實現上下翻頁的方法

您可能感興趣的文章

閱讀排行

本欄相關

隨機閱讀