키보드 눌러 이동하는 단축키 사용하기 입니다. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

키보드 눌러 이동하는 단축키 사용하기 입니다. 정보

JavaScript 키보드 눌러 이동하는 단축키 사용하기 입니다.

본문

<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">

<style>
td {text-align:center; background-color:white; font-size:14px}
</style>

<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<SCRIPT LANGUAGE="JavaScript">
<!--
var key = new Array();  // 키값과 이동할 곳의 주소를 입력 하세요
key['s'] = "http://sir.co.kr";
key['e'] = "http://esindi.com";
key['d'] = "http://www.daum.net";
key['a'] = "http://www.sayclub.com";

function getKey(keyStroke) {
isNetscape=(document.layers);
eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
which = String.fromCharCode(eventChooser).toLowerCase();
for (var i in key) if (which == i) window.location = key[i];
}
document.onkeypress = getKey;
// -->
</script>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<BODY>

<TABLE border=0 bgcolor=teal cellspacing=1 cellpadding=10>
<TR>
        <TD colspan=2 style="background-color:lightgreen"><b>마우스 대신 키보드를 사용해서 이동합니다</b></TD>
 </TR>
<TR>
        <TD>s</TD>
        <TD>그누보드</TD>
</TR>
<TR>
        <TD>e</TD>
        <TD>이신디</TD>
</TR>
<TR>
        <TD>d</TD>
        <TD>다음넷</TD>
</TR>
<TR>
        <TD>a</TD>
        <TD>세이클럽</TD>
</TR>
</TABLE>

</BODY>
</HTML>

추천
0

댓글 2개

어..이건 티스토리에 있는건데..단점이...아이디 비번 누를때도 마구잡이로 단축키가 적용된다는..

if문으로 input 상황에서는 이벤트를 멈춰야할듯
전체 5,352
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT