Style Gallery 실행 예제

문자 조합·검색 순서·선택 ID

Input and async selection

상단의 재생 버튼으로 실습을 실행할 수 있습니다.

실습 화면에서 직접 조작해 보세요. 화면을 벗어나거나 재생을 멈추면 실습도 닫히며, 다시 실행하면 처음부터 시작합니다.

이 예제의 코드

실행 화면의 HTML 소스입니다. 연결된 스타일·스크립트·미디어 경로는 원래 실행 위치를 기준으로 합니다.

코드 영역을 열면 원본을 불러옵니다.

BEHIND THE EXAMPLE

이 장면을 만드는 원리

결과를 필터링해도 선택한 문서 ID를 보존하고 인덱스로 선택을 바꾸지 않습니다.

이전 응답을 나중에 도착시켜 최신 검색 결과를 덮어쓰지 못하는지 확인합니다.

조합 중 원문 입력을 유지하고 조합 확정 이후에만 중복 없이 검색 요청을 만듭니다.