快捷導(dǎo)航

jquery實(shí)現(xiàn)鍵盤左右翻頁(yè)特效

更新時(shí)間：2015年04月30日 11:47:13 投稿：hebedich

jQuery實(shí)現(xiàn)網(wǎng)頁(yè)上鍵盤左右方向鍵翻頁(yè)代碼,我們?cè)诤芏嘈≌f(shuō)網(wǎng)站經(jīng)常看到這樣的效果,這樣可以給網(wǎng)站提高用戶體驗(yàn),方便訪客翻頁(yè)使用,從而大大提高了網(wǎng)站PV

jquery鍵盤左右翻頁(yè)，jquery鍵盤方向鍵翻頁(yè)功能，當(dāng)無(wú)上一篇或者下一篇的時(shí)候，按鍵盤將會(huì)沒(méi)什么反應(yīng)，避免錯(cuò)誤跳轉(zhuǎn)。

HTML代碼

<p>上一篇：<a id='pre' >一款隨滾動(dòng)條下滑左右漸入的頁(yè)面布局</a> </p> 
<p>下一篇：<a id='next' >點(diǎn)擊復(fù)選框添加或刪除value值到input輸入框中</a> </p>

jquery代碼

$(document).ready(function(){ 
  var prevpage=$("#pre").attr("href"); 
  var nextpage=$("#next").attr("href"); 
  $("body").keydown(function(event){ 
   if(event.keyCode==37 && prevpage!=undefined) location=prevpage; 
   if(event.keyCode==39 && nextpage!=undefined) location=nextpage; 
    
  }); 
 });

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

jquery zTree異步加載、模糊搜索簡(jiǎn)單實(shí)例分享
這篇文章主要為大家詳細(xì)介紹了jquery zTree異步加載、模糊搜索簡(jiǎn)單實(shí)例，感興趣的小伙伴們可以參考一下
2016-03-03
jQuery訪問(wèn)瀏覽器本地存儲(chǔ)cookie、localStorage和sessionStorage的基本用法
cookie，localStorage和sessionStorage都是瀏覽器本地存儲(chǔ)數(shù)據(jù)的地方,其用法不盡相同，今天小編通過(guò)本文給大家分享jQuery訪問(wèn)瀏覽器本地存儲(chǔ)cookie、localStorage和sessionStorage的基本用法，需要的朋友參考下吧
2017-10-10
JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
bind()功能是為每個(gè)選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語(yǔ)法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對(duì)象的額外數(shù)據(jù)對(duì)象,好好學(xué)習(xí)希望本可以幫助到你
2013-02-02
jQuery+css實(shí)現(xiàn)的切換圖片功能代碼
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的切換圖片功能代碼,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
針對(duì)初學(xué)者的jQuery入門指南
這篇文章主要介紹了針對(duì)初學(xué)者的jQuery入門指南,jQuery是當(dāng)下人氣最高的JavaScript庫(kù),需要的朋友可以參考下
2015-08-08
引用jquery框架后出錯(cuò)的解決方法
下面小編就為大家?guī)?lái)一篇引用jquery框架后出錯(cuò)的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
jQuery實(shí)現(xiàn)回車鍵（Enter）切換文本框焦點(diǎn)的代碼實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)回車鍵（Enter）切換文本框焦點(diǎn)的代碼實(shí)例,需要的朋友可以參考下
2014-05-05
jquery 屏蔽一個(gè)區(qū)域內(nèi)的所有元素，禁止輸入
有時(shí)候，需要屏蔽一個(gè)div中所有的input類型，使用jquery很簡(jiǎn)單有效的完成。
2009-10-10
關(guān)于jQuery中的each方法(jQuery到底干了什么)
這篇文章主要介紹了關(guān)于jQuery中的each方法,需要的朋友可以參考下
2014-03-03
jquery?操作DOM的基本用法分享
jquery?操作DOM的基本用法分享，使用jquery的朋友可以參考下，方便以后對(duì)dom操作
2012-04-04