Latest web development tutorials

jQuery를 UI의 API - : 포커스 선택기

범주

선택기 (선택기) | UI를 코어 (UI 코어)

용법

설명 : 집중 요소를 선택합니다.

jQuery( ":focusable" )

다른 요소가 명시 적으로 탭 인덱스를 설정해야합니다 동안 일부 요소 자체가, (포커스) 포커스입니다. 두 경우 (포커스) 집중하기 위해서, 소자가 보여야한다.

중지하지 않을 경우 요소의 다음과 같은 유형, 그것은 포커스 (포커스)입니다 input , select , textarea , button 및 object . 와 앵커 경우 href 또는 tabindex 속성은 포커스 (포커스)입니다. area 명명 매핑하면과 함께 소자 href 속성과, 그것은 (포커스)에 집중되어있는지도를 이용하여 가시 화상있다. 온 전적으로 기반으로 다른 모든 tabindex 요소의 속성과 가시성 포커스 (포커스)입니다.

주 : 음의 인덱스 탭 요소입니다 :focusable ,하지 :tabbable .

예

포커스 요소를 선택하고 빨간색 테두리로 강조했다. 

<! DOCTYPE html로>
<HTML LANG = "EN">
<헤드>
  <메타 문자 집합 = "UTF-8">
  <제목> : 포커스 선택기 예 </ 제목>
  <링크 REL = "스타일 시트"HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <스타일>
  입력 A, P {
    국경 : 1 픽셀 고체 # 000;
  }
  사업부 {
    패딩 : 5px;
  }
  </ 스타일>
  <스크립트 SRC = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <스크립트 SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ 헤드>
<바디>
 
<DIV> <입력 값 = "텍스트 입력"> </ DIV>
<div>는 href가 </ DIV>없이 </a>를 고정에 <a>
<DIV> <a보기 </a> href가 함께 </a>에 고정 </ DIV>
<DIV> <P> tabIndex를 단락없이 </ P> </ DIV>
<DIV> <P의 tabindex = "1">와 단락의 tabindex </ P> </ DIV>
 
<스크립트>
$ ( "Focusable이") .CSS ( "테두리 색상", "빨간색");
</ 스크립트>
 
</ BODY>
</ HTML>