键盘操作代替鼠标 实现wordpress翻页

  • 时间:
  • 浏览:4
作者:匿名 hihi 来源:最百科 浏览: 2011-7-14 11:44:46 字号:大 中 小

[摘要]鼠标点击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 = '';

}

  将上面给出的翻页代码克隆qq好友好友到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下载:

本文转自:最百科

sssss
Tags: WordPress   WordPress插件   blog守护tcp连接  
责任编辑:cc120