2016-09-09 2 views
0

나는 paperinput, pikaday 날짜 선택기 및 날짜 유효성 검사기 (나 자신의 것)로 구성된 자체 "날짜"입력을 만들었습니다. 그 이유는 "막연한"날짜 (누군가 특정 연도에 언제든지 의미하는 1901 ~ 2050 사이의 값을 가진 4 자리 숫자를 입력하는 경우)와 복잡한 다른 규칙을 허용해야한다는 것입니다. 따라서 2811은 현재 11 월 20 일을 의미합니다 나는 영국 출신으로 dd/mm/yy로 일하고있다. 그러나 교체하고있는 시스템은 사용자가/문자를 입력 할 필요가 없다.)종이 입력 및 자체 요소가있는 탭 순서

두 개의 용지 입력 필드와 날짜 필드가있는 양식이 있습니다. 한 탭에 대해 아무 것도 선택되지 않고 다음 필드가 선택 될 때, 특수한 요소에서 탭을 제거 할 때까지 탭 이동이 그들 사이를 잘 움직입니다.

내 날짜 요소의 종이 입력의 blur 이벤트에 코드를 입력하고 이벤트 처리기에서 var test = document.activeElement;을 입력했습니다. 결과는 내 페이지의 본문 요소입니다.

탭 순서를 멋지게 재생하려면 어떻게해야합니까?

+0

? 또한 '흐림'으로 인해 포커스가 사라지거나 포커스가 이동하지 않습니다. – aardrian

+0

URL이 없으면 내부 전용 애플리케이션이됩니다. 요소 blur 함수를 호출하지 않고 blur 이벤트를 듣고 있습니다. – akc42

+0

페이지를 볼 수 있다면 탭의 위치를 ​​확인할 수 있습니다. 저는 폴리머 개발자가 아니므로 추측 할 수 없습니다. 이 CSS를 추가하고 누락 된 탭의 내용이 강조 표시되는지 확인하십시오. 그렇지 않다면, 예, 어떤 종류의 페이지를 볼 필요가 있습니다. CSS :'* : focus, a : focus {outline : 2px 점선 # 00f! 중요; box-shadow : 0 0 2em rgba (255,255,255, .75)! 중요;} – aardrian

답변

0

질문 아래의 주석에서 설명했듯이 피카디 날짜 선택 도구는 흐림 효과에 대한 탭을 받았지만 즉시 숨겨졌습니다. 이것은 몸에 탭을 남겼습니다. 피커에서 다양한 버튼을 변경하여 피커가 만들어지면서 tabindex = "- 1"이 추가되었습니다. 이 문제가 해결 된