JavaScript에서 블러 이벤트의 대상을 식별하는 방법

블러 이벤트 대상 식별

사용자가 클릭하거나 탭하여 HTML 입력 필드가 포커스를 잃으면 '블러' ' 이벤트가 발생합니다. 어떤 요소가 이러한 포커스 손실을 초래했는지 확인하려는 경우 이 기사에서는 '관련Target' 속성을 사용하는 솔루션을 제시합니다.

'관련Target' 속성

'관련Target' 흐림 이벤트의 속성은 초기 요소가 포커스를 포기한 후 포커스를 얻은 요소를 참조합니다. 이 속성은 흐림을 유발한 요소를 효과적으로 찾아냅니다.

구현 예

입력 필드에 연결된 다음 JavaScript 함수를 고려하세요.

<code class="javascript">function blurListener(event) {
  if (event.relatedTarget) {
    event.relatedTarget.className = 'focused';
  }
}</code>

이 스크립트에서는 입력 필드가 포커스를 잃을 때마다 코드가 '관련 타겟'이 있는지 확인합니다. 그렇다면 'focused' 클래스가 적용되어 포커스를 얻은 요소가 강조됩니다.

위 내용은 JavaScript에서 블러 이벤트의 대상을 식별하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!