블러 이벤트가 이벤트를 촉발한 요소를 식별할 수 있습니까?

흐림 이벤트 후 요소 포커스 수신자 추적

문제:

HTML 입력 상자 고려 블러 기능이 첨부되어 있습니다. 이 함수 내에 흐림 이벤트(예: 포커스 수신)를 트리거한 요소를 식별하는 메서드가 있나요?

예:

<code class="html"><input id="myInput" onblur="function() { ... }"></code>

범위가 다음과 같은 경우 입력 요소에 초점이 맞춰진 후 ID "mySpan"을 클릭하면 흐림 기능은 초점이 맞춰진 것이 mySpan인지 어떻게 확인할 수 있습니까?

해결책:

에 따르면 UI 이벤트 사양에서는 이벤트의 관련Target 속성을 사용할 수 있습니다:

블러 이벤트의 경우:

• 관련Target: 포커스를 받는 이벤트 대상

코드 예:

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

[].forEach.call(document.querySelectorAll('input'), function(el) {
  el.addEventListener('blur', blurListener, false);
});</code>

이 예에서 흐릿한 요소는 주황색으로 바뀌고 초점이 맞춰진 요소는 라임색으로 변합니다.

위 내용은 블러 이벤트가 이벤트를 촉발한 요소를 식별할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!