웹마스터 팁

  2. Support
  3. 웹마스터 팁

자바스크립트 단축키 지정을 쉽게하자.

2005.02.14 22:39

권태수

Firefox및 IE에서 모두 동작하는 방법으로 저쪽 javaScript 게시판에서 본 방법을 php를 써서 재사용하기 쉽게 고쳐봤습니다. html에서 h키를 누르면 www.nzeo.com이 뜨는 소스.

<?php
include "keystroke.php";
?>

<html>
<body>
<?php
beginKeyStroke();
addKeyStroke("h", "http://www.nzeo.com");
addKeyStroke("f", "http://www.firefox.org");
endKeyStroke();
?>
....
</body>
</html>

즉, 바디의 시작 부분에 keystroke를 정의해 줍니다.

keystroke.php->


function beginKeyStroke()
{
echo <<<MYHTMLSAFEOUTPUT
<SCRIPT LANGUAGE="JavaScript1.2">
var NS = (window.Event) ? 1 : 0

function checkKey(e) {

    if (e == null) {
    code = event.keyCode;

    if(event.srcElement.tagName == "INPUT" || event.srcElement.tagName == "TEXTAREA") return true;
    }    
    else {
        if (e.altKey || e.ctrlKey) {
        return true;
        }

    if(e.target.tagName == "INPUT" || e.target.tagName == "TEXTAREA") return;
    code = e.which;
    }

    key = String.fromCharCode(code).toLowerCase();
    if(code==13) key="enter";

    var code = (NS) ? e.which : event.keyCode;
    var key = String.fromCharCode(code);
    for (var i = 0; i < ar.length; i++) {
        if (key == ar[i].key) location.href = ar[i].url;
    }
}

function hotKey(key, url) {
    this.key = key;
    this.url = url;
}

if (NS) document.captureEvents(Event.KEYPRESS)
    document.onkeypress = checkKey;

var ar = new Array();
MYHTMLSAFEOUTPUT;
        echo "n";
}

function addKeyStroke($key, $addr)
{
        echo "ar[ar.length] = new hotKey("$key","$addr");n";
}

function endKeyStroke()
{
        echo "</SCRIPT>";
}

세 함수를 정의해 둡니다. 잘 동작할 것입니다.^^
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기