Typecho主题插件站
每一个作品都值得被记录

Typecho 实现键盘左箭头右箭头按键切换到上一篇下一篇文章

Typecho爱好者开发日志 • 2259次浏览 • 发布 2018-07-17 • 更新 2018-07-17
极致加速的V2Ray 助您畅享全球网络 & 搬瓦工VPS最新优惠码

本文主要是通过JS脚本实现的,另外通过PHP自定义文章上一篇下一篇也可以实现类似效果,本文实现方式代码如下:

<script>if(document.getElementsByClassName('post-near')[0].childNodes[1].innerHTML != '上一篇: 没有了')
    var pre_link = document.getElementsByClassName('post-near')[0].childNodes[1].childNodes[1].href;
if(document.getElementsByClassName('post-near')[0].childNodes[3].innerHTML != '上一篇: 没有了')
    var next_link = document.getElementsByClassName('post-near')[0].childNodes[3].childNodes[1].href;
document.onkeydown=function(e){
    if(e.keyCode==37 && pre_link != undefined)
        window.location = pre_link;
    else if (e.keyCode ==39 && next_link != undefined)
        window.location = next_link;
};</script>

把这段脚本添加到你的footer.php的body标签前即可。

本文检索关键词:开发日志
厂商投放
添加新评论 »