用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 对象模型 执行模型
Dec 06 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
jquery判断密码强度的验证代码
Apr 22 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
Jan 27 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
Vue CLI3基础学习之pages构建多页应用
Jun 02 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
Aug 16 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 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
php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
PHP运用foreach神奇的转换数组(实例讲解)
2018/02/01 PHP
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
2017/09/22 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
JQuery样式与属性设置方法分析
2019/12/07 jQuery
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
深入理解Python中的super()方法
2017/11/20 Python
python利用socketserver实现并发套接字功能
2018/01/26 Python
Pytorch入门之mnist分类实例
2018/04/14 Python
Python 获取项目根路径的代码
2019/09/27 Python
Python imread、newaxis用法详解
2019/11/04 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
自立自强的名人事例
2014/02/10 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
专题组织生活会思想汇报
2014/10/01 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
Mysql数据库手动及定时备份步骤
2021/11/07 MySQL
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python
漫画《尖帽子的魔法工坊》宣布动画化
2022/04/06 日漫