관련Target 속성을 사용하여 Blur 이벤트의 시작자를 식별하는 방법은 무엇입니까?

흐림 이벤트를 시작한 요소 결정

문제 설명:

흐림 현상이 발생하는 경우 이벤트가 HTML 입력 요소에서 발생하는 경우 포커스 상실을 유발한 요소의 ID를 어떻게 확인할 수 있습니까?

답변:

초점 상실을 유발한 요소를 식별하려면 블러 이벤트를 사용하면 이벤트의 관련Target 속성을 활용할 수 있습니다. 이 속성은 흐림 이후 포커스를 받은 대상 요소를 나타냅니다.

예를 들어 다음 시나리오를 고려해보세요.

<code class="html"><input id="myInput" onblur="onBlurEvent()" />
<span id="mySpan">Hello World</span></code>

mySpan을 클릭하여 myInput에서 포커스를 잃으면 onBlurEvent() 기능이 발동됩니다. 포커스를 받은 요소의 ID(mySpan)를 확인하기 위해 함수 내의 관련 타겟 속성에 액세스할 수 있습니다:

<code class="js">function onBlurEvent() {
  console.log(event.relatedTarget.id); // Output: "mySpan"
}</code>

추가 컨텍스트:

이 기술 기본 흐림 동작을 억제하고 특정 요소를 클릭하면 자동 완성 기능이 사라지는 것을 방지해야 하는 시나리오에서 응용 프로그램을 찾습니다. 이를 달성하려면 onBlurEvent() 함수 내에서 event.관련Target.id를 확인하고 원하는 요소에서 발생한 흐림 이벤트를 무시하면 됩니다.

위 내용은 관련Target 속성을 사용하여 Blur 이벤트의 시작자를 식별하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!