>  기사  >  웹 프론트엔드  >  jquery는 키보드 왼쪽 및 오른쪽 페이지 넘김 효과를 구현합니다.

jquery는 키보드 왼쪽 및 오른쪽 페이지 넘김 효과를 구현합니다.

WBOY
WBOY원래의
2016-05-16 16:01:271218검색

jquery 키보드는 페이지를 왼쪽 및 오른쪽으로 넘깁니다. jquery 키보드 방향 키 페이지 넘김 기능은 이전 또는 다음 기사가 없을 때 잘못된 점프를 방지하기 위해 키보드를 눌러도 응답이 없습니다.

HTML 코드

<p>上一篇:<a id='pre' href='http://www.daimajiayuan.com/sitejs-17294-1.html'>一款随滚动条下滑左右渐入的页面布局</a> </p> 
<p>下一篇:<a id='next' href='http://www.daimajiayuan.com/sitejs-18339-1.html'>点击复选框添加或删除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; 
    
  }); 
 }); 

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.