用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 相关文章推荐
WordPress JQuery处理沙发头像
Jun 22 Javascript
兼容IE和FF的图片上传前预览js代码
May 28 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
悬浮数字的实现案例
Feb 19 Javascript
如何编写高质量JS代码(续)
Feb 25 Javascript
JS实现向表格中动态添加行的方法
Mar 30 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
浅谈如何使用webpack构建多页面应用
May 30 Javascript
详解关于Vue单元测试的几个坑
Apr 26 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和ACCESS写聊天室(一)
2006/10/09 PHP
php 变量定义方法
2009/06/14 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
jQuery 表单验证扩展(四)
2010/10/20 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
js 分页全选或反选标识实现代码
2011/08/09 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
2015/07/01 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
js 颜色选择插件
2017/01/23 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
python中使用序列的方法
2015/08/03 Python
python实现雨滴下落到地面效果
2018/06/21 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
Python中模块(Module)和包(Package)的区别详解
2019/08/07 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
Python实现汇率转换操作
2020/05/03 Python
社区道德讲堂实施方案
2014/03/21 职场文书
公关活动策划方案
2014/05/25 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
2014年人事专员工作总结
2014/11/19 职场文书
单位实习介绍信
2015/05/05 职场文书
python爬取新闻门户网站的示例
2021/04/25 Python
Django一小时写出账号密码管理系统
2021/04/29 Python
手写实现JS中的new
2021/11/07 Javascript
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
移除Selenium中window.navigator.webdriver值
2022/06/10 Python
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers