jQuery實現網頁上鍵盤左右方向鍵翻頁代碼,我們在很多小說網站經常看到這樣的效果,這樣可以給網站提高用戶體驗,方便訪客翻頁使用,從而大大提高了網站PV

jquery鍵盤左右翻頁，jquery鍵盤方向鍵翻頁功能，當無上一篇或者下一篇的時候，按鍵盤將會沒什么反應，避免錯誤跳轉。

HTML代碼

1. <p>上一篇：<a id='pre' href='http://www.mobanpai.com/sitejs-17294-1.html'>一款隨滾動條下滑左右漸入的頁面布局</a> </p>  
2. <p>下一篇：<a id='next' href='http://www.mobanpai.com/sitejs-18339-1.html'>點擊復選框添加或刪除value值到input輸入框中</a> </p> 

jquery代碼

1. $(document).ready(function(){  
2. var prevpage=$("#pre").attr("href");  
3. var nextpage=$("#next").attr("href");  
4. $("body").keydown(function(event){  
5. if(event.keyCode==37 && prevpage!=undefined) location=prevpage;  
6. if(event.keyCode==39 && nextpage!=undefined) location=nextpage;  
7.  
8. });  
9. }); 

以上所述就是本文的全部內容了，希望大家能夠喜歡。