KoXo 자바스크립트 - 개체(object) - onfocus, onblur, onchange 예제

<SCRIPT Language="Javascript">
function selectObj(obj){
 obj.focus();
 obj.onFocus=obj.select();
 obj.onSelect=obj.style.backgroundColor='ffff00';
}

function blurObj(obj){
  obj.onBlur=obj.style.backgroundColor='';
}

function change(){
  testForm.testSubmit.focus();
}
</SCRIPT>

<body onLoad="selectObj(testForm.testText1)">

<FORM name="testForm" action="wformReceive.html" target="win">
<INPUT type="text" name="testText1" value="Text 1"
  onFocus="selectObj(this)" onBlur="blurObj(this)" onChange="change()"><BR>
<INPUT type="text" name="testText2" value="Text 2"
  onFocus="selectObj(this)" onBlur="blurObj(this)" onChange="change()"><BR>
<textarea name="testTextarea"
  onFocus="selectObj(this)" onBlur="blurObj(this)" onChange="change()"">Textarea text</textarea><BR>
<INPUT type="submit" name="testSubmit" value="송신"
  onFocus="this.style.backgroundColor='ffff00'" onBlur="this.style.backgroundColor=''">
</FORM>