用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 相关文章推荐
AJAX架构之Dojo篇
Apr 10 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
js实现数字每三位加逗号的方法
Feb 05 Javascript
css如何让浮动元素水平居中
Aug 07 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
javascript 小数乘法结果错误的处理方法
Jul 28 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 Javascript
小程序click-scroll组件设计
Jun 18 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 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 imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
php include和require的区别深入解析
2013/06/17 PHP
ThinkPHP模板中数组循环实例
2014/10/30 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
使用php实现从身份证中提取生日
2016/05/09 PHP
javascript demo 基本技巧
2009/12/18 Javascript
JSON JQUERY模板实现说明
2010/07/03 Javascript
JavaScript中setInterval的用法总结
2013/11/20 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
JavaScript中对象的不同创建方法
2016/08/12 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
2016/10/14 Javascript
原生js实现密码输入框值的显示隐藏
2017/07/17 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
微信小程序实现授权登录
2019/05/15 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
Django与JS交互的示例代码
2017/08/23 Python
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
Python实现动态循环输出文字功能
2020/05/07 Python
Python使用tkinter实现摇骰子小游戏功能的代码
2020/07/02 Python
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
美国购买当代和现代家具网站:MODTEMPO
2018/07/20 全球购物
幼儿园老师辞职信
2014/01/20 职场文书
你的创业计划书怎样才能打动风投
2014/02/06 职场文书
优秀实习生主要事迹
2014/05/29 职场文书
政风行风建设责任书
2014/07/23 职场文书
单位综合评价意见
2015/06/05 职场文书
积极心理学课程心得体会
2016/01/22 职场文书
学前班教学反思
2016/02/24 职场文书