jQuery에서 값 변경을 지연시키는 방법은 무엇입니까?

Question

Raphael과 jQuery를 사용하여지도를 만들고 있습니다. 검색 상자가 있습니다. 마우스가 지역을 입력하면 검색 상자에 해당 지역의 이름이 표시되고 마우스를 놓으면 검색 상자가 사전 설정 텍스트로 바뀝니다 ").

그러나지도에서 마우스를 움직이면 검색 상자의 내용이 지역 이름과 사전 설정 텍스트 사이에서 빠르게 깜박입니다. .delay()을 사용하여 문제를 해결하려고했지만 작동하지 않았습니다. 그 때만 지연()이 효과와 함께 작동합니다.

.val()을 사용하여 값 변경을 지연시키는 방법은 무엇입니까?

Answer 1

Live Demo

당신은 setTimeoutreference

var timer; 

$('.hova').hover(function(){ 
    var text = $(this).text(); 
    clearTimeout(timer); 
    timer = setTimeout(function(){$('input').val(text)},500); 
});