KoXo 자바스크립트 - 이벤트(event)

이벤트 속성	object.onfocus=handler	JScript 만-
object.onfocus=GetRef('handler')	VBScript 5.0-
인라인 HTML	<ELEMENT onfocus ="handler">	모든 플랫트폼
명명된 스크립트	<SCRIPT for= object event=onfocus>	Explorer-

이벤트 속성

object.onfocus=handler

JScript 만-

object.onfocus=GetRef('handler')

VBScript 5.0-

인라인 HTML

모든 플랫트폼

명명된 스크립트

Explorer-

Bubbles	없음
취소	불가
발생 원인	개체를 클릭하였을 때. 키보드에 의한 항해로 해당 개체의 순서가 되었을 때. focus 메서드를 사용했을 때. setActive 메서드를 사용했을 때.
디폴트 작용	개체에 초점을 준다.
HTML 규격	HTML 4.0 규격

Bubbles

없음

취소

불가

발생 원인

개체를 클릭하였을 때.
키보드에 의한 항해로 해당 개체의 순서가 되었을 때.
focus 메서드를 사용했을 때.
setActive 메서드를 사용했을 때.

디폴트 작용

개체에 초점을 준다.

HTML 규격

HTML 4.0 규격

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

텍스트를 입력해 보라
텍스트를 입력해 보라

결과 표시창

INPUT type=text 개체가 onfocus 이벤트를 받으면 그 개체와 개체에 연관된 라벨(label) 개체의 클라스가 변경되어 적용된다.

<STYLE>
.focusClass{background-color:#088;color:#ffd;font-size:14;font-weight:bold;padding:5;}
.stdClass{ background-color:#ffd;color:#080;font-size:14;font-weight:bold;padding:5;}
</STYLE>
<SCRIPT>
function DoIt(){
  obj=event.srcElement;
  obj.className='focusClass';
  inObj=eval(obj.id + '_label');
  inObj.className='focusClass';
  if (obj.id=='obj1') obj2.className=obj2_label.className='stdClass';
  else obj1.className=obj1_label.className='stdClass';
  str='&lt;'+inObj.nodeName+' id='+inObj.id+' class='+inObj.className+'&gt;<BR>';
  str+='&lt;'+obj.nodeName+' type='+obj.type+' id='+obj.id+' class='+obj.className+'&gt; '+event.type+' 이벤트 발생';
  showArea.innerHTML=str;
}
</SCRIPT>
<LABEL for="objLabel" class="stdClass" id="obj1_label">텍스트를 입력해 보라</LABEL>
<INPUT type="text" class="stdClass" id="obj1" onfocus="DoIt()"><BR>
<LABEL for="objLabel" class="stdClass" id="obj2_label">텍스트를 입력해 보라</LABEL>
<INPUT type="text" class="stdClass" id="obj2" onfocus="DoIt()">
<DIV id=showArea style="border:solid 1 blue;padding:5;margin:5">결과 표시창</DIV>

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

onfocus 이벤트 예제