알파벹 키(key)를 개체 위에서 눌렀을 때 발생한다.


이벤트 속성		 object.onkeypress=handler JScript 만-
object.onkeypress=GetRef('handler') VBScript 5.0-
인라인 HTML <ELEMENT onkeypress ="handler"> 모든 플랫트폼
명명된 스크립트 <SCRIPT for=object event=onkeypress> Explorer-
용법
이벤트가 발생되면 'JavascriptCode'를 실행한다.
Javascript 에서는
objName.onkeypress='JavascriptCode'
HTML 에서는
<ELEMENT onKeyPress="JavascriptCode">
이벤트 특성
Bubbles 있슴
취소 가능
발생 원인 알파벹 키(key)를 개체 위에서 눌렀을 때.
디폴트 작용 눌려진 키의 Unicode 키코드값을 반환한다.
HTML 규격 HTML 4.0 규격

DHTML 개체 모델에서 이벤트처리자는 파라메터들을 직접 받지는 못해도, event개체의 쿼리를 사용할 수 있다.

altKey ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
cancelBubble 현재 이벤트가 이벤트처리자들의 계통도에서 버블업(bubble up)하여야 하는가를 반환하거나 설정한다.
clientX 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수평 좌표를 반환하거나 설정한다.
clientY 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수직 좌표를 반환하거나 설정한다.
ctrlKey CTRL 키가 눌렸는가를 반환하거나 설정한다.
ctrlLeft 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다.
offsetX 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수평 좌표를 반환하거나 설정한다.
offsetY 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수직 좌표를 반환하거나 설정한다.
returnValue 이벤트로 부터의 반환값을 반환하거나 설정한다.
screenX 사용자 스크린에 상대적인 마우스포인터의 수평 위치를 반환하거나 설정한다.
screenY 사용자 스크린에 상대적인 마우스포인터의 수직 위치를 반환하거나 설정한다.
shiftKey SHIFT 키가 눌렸는가를 반환하거나 설정한다.
shiftLeft 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다.
srcElement 이벤트를 발생시킨 개체를 반환하거나 설정한다.
type 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다.
x 상대적으로 위치한 모체 개체에 상대적인 위치 수평 좌표를 반환하거나 설정한다.
y 상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다.
사용 가능 키(key)

onkeypress 이벤트는 다음 키에서 발생한다:

구분 IE4.0 사용 가능
글자 A ~ Z a ~ z
수치 0 ~ 9
기호 ! @ # $ % ^ & * ( ) _ - + = < [ ]{ }, . / ? \ | ' ` " ~
시스템 ESC, SPACEBAR, ENTER
특기

onkeypress 이벤트는 키를 누르기 전에 해당 개체에 포커스를 주어야 한다.
BODY에서 설정하면 개체가 전체 문서에 해당하므로 아무데서나 키를 눌러도 이벤트가 발생된다.
키보드 입력 방지를 할때 등에 사용할 수 있다.

onmousedown, onmouseup 이벤트에서와 거의 같은데 onkeydown 이벤트는 마우스가 아니라 키보드(자판)에서 키를 눌렀을 때 발생되고, onkeyup 이벤트는 키보드 누름을 해제했을 때 발생되는 것만 다르다.

onkeypress 이벤트도 onclick 이벤트와 유사하고, 마우스 클릭 대신에 자판 누름이 되었는가에 따라서 이벤트가 발생되는 것만 다르다.

적용
개체scriptHTMLIE


onkeypress 이벤트로 직접 처리하는 경우 예제

포커스를 주고, 자판을 눌렀다 떼어 보라
<DIV onKeyPress="this.style.backgroundColor='#ffff00';alert('키가 눌렸었습니다.')"
  style="width:300;border:solid 1 blue;padding:4px">포커스를 주고, 자판을 눌렀다 떼어 보라</DIV>

onkeypress 이벤트의 경우 얼마나 오래동안 자판을 누르고 떼었는지는 관계없이 한번이라도 자판을 눌렀었는지를 검정하게 된다.
예제에서는 한번의 이벤트로 배경색 변경과 경고, 두가지 작용을 하게 Javascript에서 코딩하였다.

onkeypress 이벤트의 속성보기 예제

초점을 주고 키 입력 해 보라.

누른 키의 정보를 이와 같은 순서로 보여준다. (char|keyCode|shiftKey|shiftLeft)

<STYLE>
.showClass{border:solid 1 blue;height:1.2em;padding:3;width:620}
</STYLE>
<SCRIPT>
cnt=1;
function showKey(){
  event.returnValue=false;
  if (cnt%5==0){
    cnt=1;
    show.innerHTML+='<BR>';
  }
  cnt++;
  show.innerHTML+='('+String.fromCharCode(event.keyCode)+'|'+event.keyCode+'|';
  show.innerHTML+=event.shiftKey+'|'+event.shiftLeft+') ';
}
</SCRIPT>
초점을 주고 키 입력 해 보라. <INPUT id="textObj" type="text" onkeypress="showKey()"
  onFocus="this.style.backgroundColor='cfc'" onBlur="this.style.backgroundColor='fff'">
<DIV id="show" class="showClass"></DIV>