WordPress用键盘左右方向键来查看上一篇和下一篇文章
2024-08-31 05:50:59
通过键盘来查看上下篇文章是不是很方便,这个其实就是条用键盘所对应的ASCII码来实现的,比如左右方向键所对应的ASCII码就是37和39,下面来看看实现怎么实现这个功能:
1.加载jQury库,当然很多主题自己就已经加载过了,如果没有的话自己添加一个就可以了,网上很多方法,这里我就不再说了。
2.将下面的代码加入到footer.php中的之前即可
1
|
<script>$(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' ); }; };});</script> |
下面就可以使用键盘上的左右键来实现文章的上下篇查看了,很方便吧。
PS:注意有的网站如果使用了一些缓存插件的话可能会对这个功能有影响。
最新文章
- [Ant]Ant简易教程
- 关于CSV文件 Excel打开乱码问题的解决方案
- JAVA object
- poj 1236 Network of Schools(连通图)
- KindEditor得不到textarea值的解决方法----摘至天涯
- 国内银行CNAPS CODE 查询
- sysfs实例
- ASProtect.SKE.2.11 stolen code解密
- ASIHttpRequest或者SDWebImage给UIImageView加载图片的逻辑是什么样子的
- JQuery 获取验证码倒计时
- 网页被Chrome识别成英语,区域,语言,网站
- Walking Ant(bfs)
- 【原创】窥视懒人的秘密---android下拉刷新开启手势的新纪元
- 201521123016《Java程序设计》第14周学习总结
- sysbench工具安装使用
- Python_Mix*异常处理
- <;c:forEach varStatus=";status";>;中 varStatus的作用
- python从XML里取数,遍历等
- 使用Rancher的RKE快速部署Kubernetes集群
- 洛谷 P2679 子串 解题报告