用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 相关文章推荐
Area 区域实现post提交数据的js写法
Apr 22 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
Js与Jq 获取页面元素值的方法和差异对比
Apr 30 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
Bootstrap媒体对象的实现
May 01 Javascript
详解AngularJS跨页面传值(ui-router)
Aug 23 Javascript
es6学习之解构时应该注意的点
Aug 29 Javascript
react+redux的升级版todoList的实现
Dec 18 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
Nov 12 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
ES6知识点整理之Proxy的应用实例详解
Apr 16 Javascript
JavaScript如何操作css
Oct 24 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语言中global和$GLOBALS[]的分析 之二
2012/02/02 PHP
关于尾递归的使用详解
2013/05/02 PHP
php curl的深入解析
2013/06/02 PHP
yum命令安装php7和相关扩展
2016/07/04 PHP
Display SQL Server Version Information
2007/06/21 Javascript
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
2017/04/22 Javascript
vue element-ui table表格滚动加载方法
2018/03/02 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
Python基于select实现的socket服务器
2016/04/13 Python
python直接访问私有属性的简单方法
2016/07/25 Python
Python 实现使用dict 创建二维数据、DataFrame
2018/04/13 Python
Django 多语言教程的实现(i18n)
2018/07/07 Python
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例
2018/07/19 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
2019/07/12 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
利用pandas将非数值数据转换成数值的方式
2019/12/18 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤
2020/08/07 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
美国在线购买和出售礼品卡网站:EJ Gift Cards
2019/06/09 全球购物
ManoMano英国:欧洲第一家专注于DIY和园艺市场的电商平台
2020/03/12 全球购物
幼儿园三八妇女节活动方案
2014/03/11 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
法定代表人授权委托书
2014/09/19 职场文书
幼儿园六一儿童节演讲稿
2015/03/19 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS
从原生JavaScript到React深入理解
2022/07/23 Javascript