键盘左右键切换上下篇文章

技术控 Loading... 阅读

不提示,直接接收键盘参数后执行代码。

代码如下:

//键盘左右键切换上下篇文章
$(document).keydown(function(e) {
    if (e.keyCode == 37) {
        var rnt = $('a[rel="next"]');
        if (rnt.length > 0) {
            location.href = rnt.attr('href');
        };
    };
    if (e.keyCode == 39) {
        var rpv = $('a[rel="prev"]');
        if (rpv.length > 0) {
            location.href = rpv.attr('href');
        };
    };
});

把代码放在网站的footer页面就行了,经过测试,只接受上下篇文章,默认是根据rel的值来的,添加a链接的时候携带rel参数就可以了。

Tags:

版权声明:若无特殊注明,本文皆为《书蓝画青》原创,转载务必保留文章来源。

本文链接:键盘左右键切换上下篇文章 & https://boke.slhq.cn/1962.html

推荐阅读
分享