폼의 onFocus, onBlur Go to UP


onFocus, onBlur을 사용하여 폼 필드값 수정 방지하기.

 <input name="TEXT" type=text onFocus="this.blur()">로 하면 됩니다. NN3에서는 커서가 필드 안에 있지만, 수정은 할 수 없습니다. NN4는 잘 작동합니다.

커서를 없앨려면 setTimeout("document.formName.elementName.blur()", 1)' 로 하면 됩니다.
onFocus='setTimeout("this.blur()", 1)'는 사용할 수 없습니다. setTimeout는 window Object의 메소드 이기 때문에, 반드시 Object 계층의 전체 경로를 지정해야 합니다. this는 Object 자체를 가리키는 키워드입니다. 여기서는 text 타입의 input Object를 말합니다. this.form을 쓰면 form Object를 가리킵니다.

하지만, IE는 버젼 3.02까지는 이 방법이 안됩니다. IE는 NN의 이벤트와 달라서 항상 한개의 필드에 focus를 줍니다. 그러므로, 다른 방법을 써야 하는데, 다른 필드로 focus를 주는 것입니다. 물론, 두개 이상의 필드가 필요 합니다. 한 개만 쓸려면 hidden fream을 사용할 수 있습니다.
즉, parent.otherFream.document.formName.fieldName.focus();

아래를 사용하면 NN, IE 모두 만족할 수 있습니다.

function noFocus() { document.fo.te.focus() // NN and IE 둘 다 사용가능. document.fo.te.blur() // NN 만 사용가능. } <FORM NAME="fo"> <INPUT TYPE="TEXT" NAME="te"> <INPUT TYPE="TEXT" VALUE="No focus" onFocus='setTimeout("noFocus()",1)'> </FORM>

Event handler 에서 Return 쓰기
폼의 onFocus, onBlur
Event handler 다루기
Event 기타
예제1
JavaScript1.2 Event

TOP