인터넷정보

event object의 활용

알 수 없는 사용자 2007. 10. 17. 17:53
쓰기에 따라서는 꽤 유용한 팁입니다.
alt,shift,ctrl키 등과 조합하여 특정한 동작을 실행시킵니다.

<script for=document event=onclick>
if (event.altKey){
location.replace("index.html");
}
</script>

document 전체에서 onclick 이벤트를 잡아내서 이벤트 발생시
altkey가 눌러져있는 상태라면 location.....부분을 실행합니다.
즉 alt + 마우스 왼쪽 누를 경우 index.html로 이동합니다.
다른 예제를 보죠.

<script for=document event=ondblclick>
if (event.shiftKey && event.ctrlKey){
alert("SHIFT와 CTRL을 누르시고 더블클릭하셨네요");
}
</script>

사용가능한 키 조합은
altKey,altLeft,ctrlKey,ctrlLeft,shiftKey,shiftLeft 입니다.
오른쪽 alt키를 잡아내고 싶으시면 event.altKey를 먼저 검사한 뒤에 altLeft인지 아닌지 체크하면 되겠지요 :)  
반응형