键盘操作代替鼠标,实现WordPress翻页
鼠标点击WordPress博客下方的页码导航来翻页,很麻烦?如果使用键盘的翻页键或左右箭头键来实现翻页,你觉得是不是比用鼠标更方便一些呢?有疑问的童鞋请自觉在最百科体验一下利用键盘进行翻页的效果吧! 昨日偶然看到中关村在线的文章内分页增加了对键盘翻页的支持,效果很不错。查看了一下源码,和自己想的一样,这个效果是通过一段js代码来实现的。那么WordPress是否也能实现这个翻页效果呢? 照例先放狗搜,果不其然,《WordPress 帖内 左右 翻页 代码 JS》就给我们提供了这么一段js: document.onkeydown = chang_page; 将代码插入到single.php文件内,IE下可以实现按"→"或者"pagedown"切换到下一篇文章,按"←"或者"pageup"切换到上一篇文章。可惜的是,该代码也仅限于在IE浏览器下有效,Firefox等浏览器下使用键盘翻页是没有任何反应的。 如何兼容 document.onkeydown = chang_page; 目前常用的浏览器主要有基于IE和基于Mozilla两大类。Maxthon是基于IE内核的,也就是Trident,而FireFox是基于Gecko内核的。首先说说FF,因为FireFox的实现要比IE麻烦一点点。我们可以给chang_page()函数添加一个参数,这里使用字母"e"来表示这个参数: chang_page(e) 变量e表示发生击键事件,寻找是哪个键被按下,要使用which这个属性: e.which var keycode = event.keyCode; 搞明白上面的区别和用法,接下来想办法整合一下,让代码既适用于IE,又能在FF下使用: document.onkeydown = chang_page; if (keycode == 37 || keycode == 33) 将上面给出的翻页代码复制到single.php内保存,无论是IE还是FF,均能完美实现键盘翻页。说明:get_adjacent_post()函数中的42是指排除分类ID为42的文章——也就是说,在翻页过程中会自动跳过该分类下的文章(因为本站ID=42的分类被用于改造个人微博,并不想与文章一起翻页展示)。如果没有特殊要求,这个参数留空即可,读者可根据个人博客的实际需要自行修改。 举一反一 document.onkeydown = chang_page; if (keycode == 37 || keycode == 33) 将上面的代码放置到相应页面,自己试试吧! 此处省略n个字… (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |