흐림 이벤트 후 요소 포커스 수신자 추적
문제:
HTML 입력 상자 고려 블러 기능이 첨부되어 있습니다. 이 함수 내에 흐림 이벤트(예: 포커스 수신)를 트리거한 요소를 식별하는 메서드가 있나요?
예:
<code class="html"><input id="myInput" onblur="function() { ... }"></code>범위가 다음과 같은 경우 입력 요소에 초점이 맞춰진 후 ID "mySpan"을 클릭하면 흐림 기능은 초점이 맞춰진 것이 mySpan인지 어떻게 확인할 수 있습니까?
해결책:
에 따르면 UI 이벤트 사양에서는 이벤트의 관련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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
