键盘操纵取代鼠标 实现wordpress翻页

  用键盘取代鼠标操纵,实现wordpress翻页,最简朴的要领是利用插件实现,下面主要先容下如何通过代码实现这个结果。

  用键盘实现wordpress翻页结果是通过一段js代码来实现的,将以下代码插入到single.php文件内,IE下可以实现按“→”可能“pagedown”切换到下一篇文章,按“←”可能“pageup”切换到上一篇文章。惋惜的是,该代码也仅限于在IE欣赏器下有效,Firefox等欣赏器下利用键盘翻页是没有任何回响的。

document.onkeydown = chang_page;function chang_page() {
if (event.keyCode == 37 || event.keyCode == 33) location = '';
if (event.keyCode == 39 || event.keyCode == 34) location = '';
}

  此刻只在IE欣赏器下有效,那如何才气兼容其它欣赏器呢?

兼容其它欣赏器

  我们首先相识一下如何初始化该键盘事件,根基语句如下:

document.onkeydown = chang_page; function chang_page()

  当欣赏器读到这个语句时,无论按下键盘上的哪个键,都将呼唤chang_page()函数。

  今朝常用的欣赏器主要有基于IE和基于Mozilla两大类。Maxthon是基于IE内核的,而FireFox和Opera是基于Mozilla内核的。首先先说说FF,因为FireFox的实现要比IE贫苦一点点。我们界说的chang_page()函数可以配置一个埋没变量,一般我们利用字母“e”来暗示这个变量:

chang_page(e)

  变量e暗示产生击键事件,寻找是哪个键被按下,要利用which这个属性:

e.which

  而IE不需要e变量,用event.keyCode来取代e.which

var keycode = event.keyCode;

  搞大白上面的区别和用法,接下来想步伐整合一下,让代码既合用于IE,又能在FF下利用:

document.onkeydown = chang_page;function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33) location = '';
if (keycode == 39 || keycode == 34) location = '';
}

  将上面给出的翻页代码复制到single.php内生存,无论是IE照旧FF,均能完美实现键盘翻页。说明:get_adjacent_post()函数中的42是指解除分类ID为42的文章——也就是说,在翻页进程中会自动跳过该分类下的文章(因为本站ID=42的分类被用于改革小我私家微博,并不想与文章一起翻页展示)。假如没有非凡要求,这个参数留空即可,读者可按照小我私家博客的实际需要自行修改。

文章列表页实现键盘翻页

  文章列表页面(如首页、分类页面、存档页面等)是否也可以实现键盘翻页呢?我们只需利用get_previous_posts_page_link()和get_next_posts_page_link()取代上述代码中的get_adjacent_post()函数即可到达目标:

document.onkeydown = chang_page;function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33) location = '';
if (keycode == 39 || keycode == 34) location = '';
}

  将上面的代码安排到相应页面,本身试试吧!

WP插件下载:Easy keyboard shortcut navigation

WordPress下载:

WordPress v3.5.2 简体中文版下载

键盘哄骗代替鼠标 实现wordpress翻页

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10612.html