마지막으로 ! 오늘은 입니다.

JavaScript 포커스 이벤트 소개.

포커스 이벤트는 요소 가 포커스 를 받거나 잃을 때 발생합니다 . 다음은 두 가지 주요 초점 이벤트입니다.

focus 요소가 포커스를 받았을 때 발생합니다 .

 요소가 포커스를 잃었을 때 blur 가 실행됩니다.

focusin  및  focusout 은  focus 및 blur와 동시에 실행되지만 focus 및  blur   는  그렇지 않은  동안  거품  이 발생합니다  .

다음 요소는 초점을 맞출 수 있습니다 .

. 창은 Alt+Tab 을 사용  하거나 창을 클릭 하여 앞으로 가져 오면 포커스를 얻고  다시 보내면 포커스 를 잃습니다 .

. 마우스 나 키보드 를 사용할 때 링크합니다 .

. 키보드나 마우스를 사용할 때 입력 텍스트 와 같은 양식 필드 .

키보드나 마우스를 사용하는 경우에도 tabindex 가 포함 된 요소입니다  .

자바스크립트 포커스 이벤트 예시

다음 예제에서는  포커스  및  흐림  이벤트를 처리하는 방법을 보여줍니다. 암호 필드 로 포커스 를 이동 하면 배경이 노란색으로 변경됩니다. 사용자 이름 필드로 마우스를 이동하면 배경이 흰색으로 바뀝니다.

요약

포커스  이벤트를 사용하여  요소가 포커스를 받았 거나 잃었을 때 요소의 상태 를 처리합니다.

자바스크립트는 상당히 광범위하고 다양한 의미를 가지고 있어 모든 측면을 다룰 수는 없습니다. 당신도 내가 멈춘 곳에서 선택할 수 있고 재미를 계속 유지합시다.

지금까지의 여정, 동기 부여, 권장 사항 등 모든 것이 하루도 빠지지 않고 이 도전의 끝에 도달하는 데 도움이 되었습니다. 정말 고맙습니다.

주위에 당신을보고! 그리고 그때까지 계속 배우고 즐거운 코딩 하세요!

당신의 진정으로,

Fabiyi Akintunde 사무엘.

# 남자답게_아킨