PHPCMS V9 JS实现文章小键盘翻页

必力  2018-03-19   5331


浏览文章时用小键盘“← →”翻页,不想写废话了,具体方法如下:

新建个JS代码如下:

(function(){
var kp = {
  prev : '',
  next : '',
  turn : function(e) {
   var e = window.event ? window.event : e;
   if (e.keyCode == 37 && kp.prev) {/*上页*/
    window.location.href = kp.prev;
   } else if (e.keyCode == 39 && kp.next) {/*下页*/
    window.location.href = kp.next;
   }
  }
};
document.onkeydown = kp.turn;
window.keyboardPage = kp;
})();

在文章模板 show.html 中加以调用代码:

<SCRIPT type=text/javascript>keyboardPage.prev="{$previous_page[url]}";
keyboardPage.next="{$next_page[url]}";</SCRIPT>

这个方法,在我之前做的小说模板中,是能完美实现小键盘“← →”翻页。浏览起来翻页挺方便的。

PHPCMS 翻页