사이트 내 전체검색
[javascript] 방향키를 이용해서 이전 게시물 또는 다음 게시물 이동하기 (핫키)
로빈아빠
https://cmd.kr/javascript/477 URL이 복사되었습니다.

본문

왼쪽 방향키( <-- ) 즉, 이전 게시물은 키코드 값이 37이구요.
오른쪽 방향키( --> ) 즉, 다음 게시물은 키코드 값이 39입니다.

마지막으로 하나더 설명을 하자면 처음글과 마지막 등록글에서 방향키 사용시 초기 리스트로 이동됨니다.
그리고, 마우스 포커스가 input 이나 textarea 에 위치해 있을때는 작동하지 않습니다.
글작성시에 해당 핫키를 누를 경우 이동하는 것을 금지하기 위해서...

아참 버그가 하나 있습니다.
내용 보기에서 마우스 오른쪽 클릭을 하게되는 경우에...
핫키가 작동하지 않습니다.

아래 스크립트를 적용할 스킨 폴더 view.php 파일 상단에 넣어주세요.

<script language="javascript">
<!--
        document.onkeydown = CheckKeyPress;
        document.onkeyup = CheckKeyPress;

        function CheckKeyPress() {

                ekey = event.keyCode;
                var EventStatus = event.srcElement.tagName;
                if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA') {

                if(ekey == 37) {
                  // history.back();
                  location.href = "<?=$PHP_SELF;?>?id=<?=$id;?>&no=<?=$data[next_no]?>";
                  event.keyCode = 0;
                  return false;
                }
                else {
                        if(ekey == 39) {
                          location.href = "<?=$PHP_SELF;?>?id=<?=$id;?>&no=<?=$data[prev_no]?>";
                          event.keyCode = 0;
                          return false;
                        }
                        }

                        }
        }
//-->
</script> 
[이 게시물은 VIRHAC님에 의해 2009-09-13 14:36:02 HTML에서 이동 됨]

댓글목록

등록된 댓글이 없습니다.

831 (7/17P)

Search

Copyright © Cmd 명령어 3.144.86.121