0
입력란이 있습니다. 사용자가 탭을 통해 클릭 할 수 있습니다.클릭하여 CTRL로 입력에 초점 맞추기
입력을 통해 탭 이동하는 경우 - 다음 입력이 집중됩니다 (브라우저가 이벤트를 트리거 함). 포커스 이벤트 핸들러는 "selected"클래스를 입력에 추가해야합니다.
사용자가 입력을 클릭하면 브라우저가 먼저 "포커스"이벤트를 트리거 한 다음 "이벤트"를 트리거합니다. Click 이벤트 처리기는 "selected"클래스를 입력에 추가해야합니다.
목표 : 난이 (추가 "선택"클래스) Ctrl 키를 여러 입력이 + 클릭하고 계속 입력을 통해 탭으로 허용 사용자가 선택할 수 있도록해야합니다.
문제점 : 클릭 이벤트 전에 포커스 이벤트가 시작되고 결과적으로 모든 입력에서 선택이 제거됩니다. 코드의
단순화 된 버전 : http://jsbin.com/emuboq/7/edit이
확실하지 않음이 당신이 필요, 그래서하지 않을 경우 알려 : http://jsbin.com/emuboq/1/edit
제대로 이해하면 달성하려는 것은 불가능합니다. 하나 이상의 요소가 포커스를 가질 수 없습니다. 그러나 귀하의 바이올린 에서처럼 여러 요소를 "강조 표시"할 수 있으므로 여러 요소의 사용자 선택을 보존 할 수 있지만 그 중 하나만 실제 포커스를 갖습니다. – marekful
@ MarcellFülöp 예, 분명히 여러 개의 입력 (클래스 추가)을 강조 표시하고 실제로 "집중"하지 않으려합니다 :-) – tborychowski
데모에서 이미 발생하는 것이 아닙니까? CTRL 키를 누른 상태에서 다른 입력을 클릭하면 파란색 테두리로 강조 표시됩니다. – marekful