HTML SELECT - 지연된 Onchange가 가능합니까?

Question

SELECT 값이 변경되면 DIV를 AJAX로 업데이트하는 SELECT 상자가 있습니다.

이 AJAX 루틴은 매우 느리고, 절대적으로 필요한 경우에만 호출하려고합니다.

나는 이것을 위해 onchange 이벤트를 사용합니다.

Firefox와 Chrome에서는 키를 사용하여 여러 옵션을 스크롤 할 때 정상적으로 작동합니다. onchange 이벤트는 SELECT에서 나올 때만 발생합니다.

그러나 Internet Explorer에서 화살표 키를 누를 때마다 onchange-event가 발생합니다. 대부분의 사람들이 이것을 좋아하지만, 느린 AJAX 호출 때문에 내 SELECT가 실제로 느려집니다.

지연된 업데이트 일종의 업데이트가 필요합니다. 사용자가 화살표 키를 사용하여 옵션을 선택할 때 업데이트를 방해하지 않고도 onchange는 몇 초 후에 만 ​​해고되어야합니다.

어떤 아이디어로 이것을 달성 할 수 있습니까?

Answer 1

setTimeout을 사용하여 제한 시간을 설정하고 제한 시간이 만료되기 전에 사용자가 변경 한 경우 clearTimeout을 사용하여 취소 할 수 있습니다.

jquery를 사용하는 경우 대기열 및 특히 지연 기능을 확인하십시오. 나는 큐의이 더 간결하지만 지금은 그것을 테스트 할 수 없습니다 할 수 있다고 생각 - 내가 어떤 제안에 JQuery와 및 다른 접근 방법을 사용 Delay ajax request by x seconds and update only the last clicked request

:

여기에 전체 예를 참조하십시오.