2012-02-15 2 views
1

내부에는 iframe이 있으며 이는 file 유형의 입력 요소와 이미지 요소가있는 양식입니다.iframe 내부의 요소에 대한 Tabindex

탭 키를 사용할 때 전체적으로 iframe에 초점을 맞추고 입력 상자에 초점을 맞추지 않으면 다음 번 탭의 탭은 파일 유형의 입력 요소에 대해 나타나는 찾아보기 단추에 초점을 맞 춥니 다.

내 요구 사항은 탭을 누르면 포커스가 입력 텍스트 상자로 이동 한 다음 찾아보기 버튼과 마지막으로 이미지 요소로 이동한다는 것입니다.

tabindex을 0으로 설정했지만 작동하지 않았습니다.

요소를 통해 탭 순서를 제어하는 ​​방법을 제안하십시오.

답변

1

iframe의 양식은 기본 페이지와 별개이므로 필요에 따라 tabindex가 기본 페이지에있는 iframe의 개체를 넣어야합니다.

이렇게하는 방법 중 하나는 iframe을 사용하는 대신 양식을로드하는 데 Ajax를 사용하는 것입니다. 그렇게하면 필요에 따라 tabindex를 동적으로로드하고 설정할 수 있습니다.

두 페이지, 즉 '기본'및 'iframe'문제가 해결되면 각 요소에 차례대로 tabindex을 설정하고 값을 증가시켜 원하는 탭 순서를 표시하면됩니다. 유일한 다른 경고는 이미지에 tabindex를 설정할 수 없다는 것입니다. 한 가지 해결 방법은 입력, 버튼, 링크 (이미지)

<input tabindex="1" name="" value="" id="" type="text" /> 

<button tabindex="2" name="" value="browse" id="browse" /> 

<a href="" tabindex="3"><img src="" /></a> 

, 다음과 같은

뭔가 일을해야 ... 이러한 a 요소로의 tabindex을 수락하지 요소에 이미지를 래핑하는 것입니다 (예제) tabindex 속성에 대한 자세한 내용은이 페이지를 참조하십시오

http://www.w3schools.com/jsref/prop_html_tabindex.asp

그리고이 안내서는 속성에 액세스 가능성을

,

http://webdesign.about.com/od/usability/a/aa071105.htm

관련 문제