온포커스 속성. 정의 및 사용법onfocus 속성은 요소가 포커스를 받으면 트리거됩니다. onfocus는 일반적으로 , 및 에서 사용됩니다.팁: onfocus 속성은 onblur 속성과 반대입니다. 참고: onfocus 속성은 다음 요소에 적용되지 않습니다: , , , , , , , , , <style> 또는 <title>. <p>HTML 4.01과 HTML5의 차이점 <p>없음. <p>Syntax<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><input type="text" id="fname" onfocus="setStyle(this.id)"></pre><div class="contentsignin">로그인 후 복사</div></div></p>Property Value<p></p><p></p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">Value</p><p>Description</p><p></p><p>script</p><p>onfocus가 발생할 때 실행할 스크립트입니다. </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);"></p><p></p>onFocus는 객체가 포커스를 받을 때 발생하는 JavaScript의 이벤트입니다. 가장 간단한 예는 웹 페이지의 입력 상자를 마우스로 클릭하면 입력 상자가 선택되고 내용이 표시될 수 있다는 것입니다. 입력 상자가 포커스를 받으면 입력 상자는 onFocus 이벤트를 트리거합니다. <p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);"></p>도구 자료: 편집기, 브라우저<p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);"></p>1. 입력 상자를 만들고 onFocus 이벤트를 입력 상자에 바인딩하고 사용자가 이벤트를 트리거하면 입력 상자의 배경을 노란색으로 변경합니다. <table><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element onfocus="script"></pre><div class="contentsignin">로그인 후 복사</div></div><tbody><tr class="firstRow"> <td width="87" valign="top" style="word-break: break-all;">