HTML에서 흐림 이벤트를 일으키는 요소를 식별하는 방법은 무엇입니까?

흐림 이벤트를 트리거하는 대상 요소 결정

HTML 입력 요소에서 흐림 이벤트를 처리할 때 흐림 이벤트를 식별하는 방법이 궁금할 수 있습니다. 초점 이동을 유발한 요소입니다. 이 문서에서는 트리거 요소의 ID를 얻는 방법을 살펴봅니다.

제공된 코드 조각에서 흐림 이벤트는 입력 필드에 연결됩니다. 그러나 문제는 클릭 가능한 범위 요소와 같이 흐림 이벤트를 시작한 요소를 결정하는 데 있습니다.

관련 타겟 속성을 사용하는 솔루션

이벤트 타겟 사양에 따라 , 이벤트 객체의 관련Target 속성은 흐림 이벤트가 발생한 후 포커스를 얻은 요소에 대한 정보를 제공합니다. 흐림 이벤트의 경우:

relatedTarget: event target receiving focus

예:

function blurListener(event) {
  event.target.className = 'blurred';
  if (event.relatedTarget)
    event.relatedTarget.className = 'focused';
}

// Add blur listeners to all input elements
[].forEach.call(document.querySelectorAll('input'), function(el) {
  el.addEventListener('blur', blurListener, false);
});

이 흐림 리스너를 입력 요소에 연결하면 포커스를 얻을 때 트리거 요소를 식별할 수 있습니다( className = 'focused'), 블러링된 입력 요소의 className을 'blurred'로 변경합니다.

위 내용은 HTML에서 흐림 이벤트를 일으키는 요소를 식별하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!