focus Pseudo-classes Pseudo-classes (의사 클래스) 사용하기 Pseudo-classes 선택한 요소를 특별한 상태로 만든다. 1. hover 2. active 3. focus 1. hover 사용자가 마우스를 요소 위에 올렸을 때 적용 2. active 사용자가 버튼을 누르거나 링크를 클릭할 때 적용 3. focus 클릭된 input 요소를 선택함 a. 자주 사용되는 의사클래스인 hover, acti... 멋사hover멋쟁이사자처럼Pseudo-classesfocusactivePseudo-classes ie focus bug IE에서 새로 만든 input는 예상대로 초점을 얻지 못했습니다. 하면, 만약, 만약...focus()를 setTimeout에 놓고 실행하면 초점을 얻을 수 있습니다.... focus js-onfocus 이벤트;js-onblur 이벤트; js-onfocus 이벤트: onfocus 이벤트가 대상이 초점을 얻었을 때 발생합니다. 이 시간에 지원되는 html 태그 이 이벤트를 지원하는 js 대상 인스턴스 마우스로 input 창을 눌렀을 때 input 배경색이 노란색입니다 js-onblur 이벤트:onblur 이벤트는 대상이 초점을 잃을 때 발생합니다. 이 시간에 지원하는 html 탭은 onfocus와 같습니다 이 이벤트를 지원하는... focus 미래 지향적인 두 가지 유형의 시각적 숨겨진 콘텐츠 누구에게도 콘텐츠를 숨기고 싶지 않지만 디자인이 충분히 포괄적이지 않을 때 추가 컨텍스트와 기능을 제공해야 할 때가 있습니다. 은 화면 판독기 사용자를 위한 콘텐츠를 숨기는 데 탁월하며 <button>와 같이 화면 판독기, 키보드 및 기타 보조 장치 사용자 모두에게 초점을 맞추는 대화형 요소를 제공하는 데 활용할 수 있습니다. 그러나 대규모 코드베이스에서 수행한 작업은 이것이 공간을 차지하지... htmlcssa11yfocus
Pseudo-classes Pseudo-classes (의사 클래스) 사용하기 Pseudo-classes 선택한 요소를 특별한 상태로 만든다. 1. hover 2. active 3. focus 1. hover 사용자가 마우스를 요소 위에 올렸을 때 적용 2. active 사용자가 버튼을 누르거나 링크를 클릭할 때 적용 3. focus 클릭된 input 요소를 선택함 a. 자주 사용되는 의사클래스인 hover, acti... 멋사hover멋쟁이사자처럼Pseudo-classesfocusactivePseudo-classes ie focus bug IE에서 새로 만든 input는 예상대로 초점을 얻지 못했습니다. 하면, 만약, 만약...focus()를 setTimeout에 놓고 실행하면 초점을 얻을 수 있습니다.... focus js-onfocus 이벤트;js-onblur 이벤트; js-onfocus 이벤트: onfocus 이벤트가 대상이 초점을 얻었을 때 발생합니다. 이 시간에 지원되는 html 태그 이 이벤트를 지원하는 js 대상 인스턴스 마우스로 input 창을 눌렀을 때 input 배경색이 노란색입니다 js-onblur 이벤트:onblur 이벤트는 대상이 초점을 잃을 때 발생합니다. 이 시간에 지원하는 html 탭은 onfocus와 같습니다 이 이벤트를 지원하는... focus 미래 지향적인 두 가지 유형의 시각적 숨겨진 콘텐츠 누구에게도 콘텐츠를 숨기고 싶지 않지만 디자인이 충분히 포괄적이지 않을 때 추가 컨텍스트와 기능을 제공해야 할 때가 있습니다. 은 화면 판독기 사용자를 위한 콘텐츠를 숨기는 데 탁월하며 <button>와 같이 화면 판독기, 키보드 및 기타 보조 장치 사용자 모두에게 초점을 맞추는 대화형 요소를 제공하는 데 활용할 수 있습니다. 그러나 대규모 코드베이스에서 수행한 작업은 이것이 공간을 차지하지... htmlcssa11yfocus