프로그래밍/Html

[Html] tabindex를 이용하여 foucs/blur 이벤트 동작

일단개그하다 2022. 11. 6. 16:23

focus blur 이벤트는 input 또는 button 요소에서 동작하지만, 경우에 따라 일반적인 span 요소나 div, p 요소에서 사용 해야 하는 경우가 있다

 

그런 경우에는 요소에 tabindex를 추가하면 focus blur 이벤트를 사용 할 수 있다

 

 

tabindex에 -1로 설정한 요소는 focus blur CSS 및 Javascript 이벤트가 동작하지만,

tabindex에 값을 설정하지 않은 요소는 이벤트가 동작하지 않는다