用js实现键盘方向键翻页功能的代码


Posted in Javascript onJune 03, 2007

今天从网上看到这个功能,不错啊,以后就可以在文章中,增加这个功能了
var re = /<a href=[\"\']?([-=\w\.\/\?]+)[\"\']?>[\[\(<]?上一页[\]\)>]?<\/a>/igm;
if (window.document.body.innerHTML.search(re) >= 0) {
  var PREVIOUS_PAGE = RegExp.$1;
}
如果搜下到"上一页",则定义var PREVIOUS_PAGE = RegExp.$1;
var re = /<a href=[\"\']?([-=\w\.\/\?]+)[\"\']?>[\[\(<]?下一页[\]\)>]?<\/a>/igm;
if (window.document.body.innerHTML.search(re) >= 0) {
  var NEXT_PAGE = RegExp.$1;
}
如果搜下到"下一页",则定义var NEXT_PAGE = RegExp.$1;
if (typeof PREVIOUS_PAGE == "string" || typeof NEXT_PAGE == "string") {
  document.onkeydown = function() {
    switch (event.srcElement.tagName) {
        case "INPUT":
        case "TEXTAREA":
        case "SELECT":
          break;
        default:
          if (event.keyCode == 37 /* Arrow Left*/ && typeof PREVIOUS_PAGE == "string") {
            window.location.href = PREVIOUS_PAGE;
          }
          else if (event.keyCode == 39 /* Arrow Right */ && typeof NEXT_PAGE == "string") {
            window.location.href = NEXT_PAGE;
          }
    }
  }
}

Javascript 相关文章推荐
javascript Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
Prototype Number对象 学习
Jul 19 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
详解JavaScript的Date对象(制作简易钟表)
Apr 07 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
WebSocket的通信过程与实现方法详解
Apr 29 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 Javascript
angular将html代码输出为内容的实例
Sep 30 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 #Javascript
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
Jun 02 #Javascript
Javascript &amp; DHTML 实例编程(教程)基础知识
Jun 02 #Javascript
把JS与CSS写在同一个文件里的书写方法
Jun 02 #Javascript
JavaScript 不只是脚本
May 30 #Javascript
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
May 30 #Javascript
[原创]站长必须要知道的javascript广告代码
May 30 #Javascript
You might like
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
javascript 网页跳转的方法
2008/12/24 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
使用Node.js处理前端代码文件的编码问题
2016/02/16 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
canvas绘制七巧板
2017/02/03 Javascript
如何在AngularJs中调用第三方插件库
2017/05/21 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
python模块之re正则表达式详解
2017/02/03 Python
分析Python中解析构建数据知识
2018/01/20 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
使用pandas 将DataFrame转化成dict
2019/12/10 Python
Python内置数据类型list各方法的性能测试过程解析
2020/01/07 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
爱尔兰最大的体育零售商:Life Style Sports
2019/06/12 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
Order by的几种用法
2013/06/16 面试题
马云的职业生涯规划之路
2014/01/01 职场文书
《绿色蝈蝈》教学反思
2014/03/02 职场文书
《生命 生命》教学反思
2014/04/19 职场文书
入党个人总结范文
2015/03/02 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
Golang 并发下的问题定位及解决方案
2022/03/16 Golang