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

最新推荐文章于 2021-06-08 11:14:58 发布

jhrokin

最新推荐文章于 2021-06-08 11:14:58 发布

阅读量590

点赞数

分类专栏：脚本语言文章标签： string function input

脚本语言专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的功能，该功能允许用户通过键盘上的左右箭头键在网页上进行前后页面的跳转。具体实现方式是通过正则表达式搜索页面中的上一页和下一页链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天从网上看到这个功能,不错啊,以后就可以在文章中,增加这个功能了
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;
          }
    }
}
}