快捷導(dǎo)航

用js實(shí)現(xiàn)鍵盤方向鍵翻頁功能的代碼

更新時(shí)間：2007年06月03日 00:00:00 作者：

今天從網(wǎng)上看到這個(gè)功能,不錯(cuò)啊,以后就可以在文章中,增加這個(gè)功能了
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;
          }
    }
  }
}

您可能感興趣的文章:

用js實(shí)現(xiàn)鍵盤方向鍵翻頁功能的代碼

相關(guān)文章

JavaScript判斷變量名是否存在數(shù)組中的實(shí)例
下面小編就為大家分享一篇JavaScript判斷變量名是否存在數(shù)組中的實(shí)例，具有很的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
《JavaScript DOM 編程藝術(shù)》讀書筆記之JavaScript 簡史
這篇文章主要介紹了《JavaScript DOM 編程藝術(shù)》讀書筆記之JavaScript 簡史,需要的朋友可以參考下
2015-01-01
JS打開層/關(guān)閉層/移動(dòng)層動(dòng)畫效果的實(shí)例代碼
JS打開層/關(guān)閉層/移動(dòng)層動(dòng)畫效果的實(shí)例代碼，需要的朋友可以參考一下
2013-05-05
在模板頁面的js使用辦法
在使用了母板頁面的項(xiàng)目中使用js獲取其中的標(biāo)簽id 需要先加載到本地看看他在瀏覽時(shí)候的頁面源代碼然后確定他的id
2010-04-04
JS跳出循環(huán)的5種方法總結(jié)(return、break、continue、throw等)
想必大家都遇到過循環(huán)遍歷時(shí)遇到滿足條件的時(shí)候就跳出循環(huán)這樣的需求,于是整理了一篇各種循環(huán)是如何結(jié)束的,這篇文章主要給大家介紹了關(guān)于JS跳出循環(huán)的5種方法,分別是return、break、continue、throw等的相關(guān)資料,需要的朋友可以參考下
2024-05-05
一個(gè)用javascript寫的select支持上下鍵、首字母篩選以及回車取值的功能
一個(gè)用javascript寫的select支持上下鍵、首字母篩選以及回車取值的功能
2009-09-09
javascript在firefox下設(shè)為首頁的代碼
javascript在firefox下設(shè)為首頁的代碼...
2007-09-09
Ajax清除瀏覽器js、css、圖片緩存的方法
為了減小瀏覽器與服務(wù)器之間網(wǎng)絡(luò)傳輸壓力，往往對靜態(tài)文件，如js,css,修飾的圖片做cache，也就是給這些文件的HTTP響應(yīng)頭加入 Expires和Cache-Control參數(shù)，并指定緩存時(shí)間，這篇文章詳細(xì)介紹Ajax清楚瀏覽js、Css、圖片緩存的方法，有需要的朋友可以參考下
2015-08-08
JS基于正則表達(dá)式實(shí)現(xiàn)的密碼強(qiáng)度驗(yàn)證功能示例
這篇文章主要介紹了JS基于正則表達(dá)式實(shí)現(xiàn)的密碼強(qiáng)度驗(yàn)證功能,涉及javascript事件響應(yīng)及基于正則的字符遍歷、判斷等相關(guān)操作技巧,需要的朋友可以參考下
2017-09-09
談?wù)処ntersectionObserver懶加載的具體使用
這篇文章主要介紹了談?wù)処ntersectionObserver懶加載的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10