onfocus 속성은 요소가 포커스를 얻을 때 트리거됩니다.
onfocus는 일반적으로 <input>, <select> 및 <a>에 사용됩니다.
팁: onfocus 속성은 onblur 속성과 반대입니다.
참고: onfocus 속성은 <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, < 요소에는 적용되지 않습니다. 스타일> 또는 <제목>.
예입력 필드에 포커스가 있을 때 트리거되는 함수입니다. 이 함수는 입력 필드의 배경색을 변경합니다.
<script>function setStyle(x){document.getElementById(x).style.Background=yellow;}</script></head><body> <p>입력 필드에 포커스가 생기면 함수가 트리거됩니다. 입력 필드의 배경색을 변경하는 기능입니다. </p> 이름: <input type=text id=fname onfocus=setStyle(this.id)><br>성: <input type=text id=lname onfocus=setStyle(this.id)> </body > HTML onblur 이벤트 속성 정의 및 사용법onblur 속성은 요소가 포커스를 잃을 때 트리거됩니다.
onblur는 양식 유효성 검사 코드(예: 사용자가 양식 필드를 떠날 때)에 자주 사용됩니다.
예사용자가 떠날 때 입력 필드의 유효성을 검사합니다.
<script>function upperCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()}</script></head><body> <p>입력하세요. 이름을 입력한 후 필드 밖으로 포커스를 이동하세요:</p> 이름(영문)을 입력하세요: <input type=text name=fname id=fname onblur=upperCase()> </body>위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.