如何在jQuery中延迟更改值？

Question

我正在使用Raphael和jQuery制作地图。我有一个搜索框 - 当鼠标进入一个区域时，搜索框显示该区域的名称，当鼠标退出时，搜索框会变为预设文本（沿着“在此输入” “）。

但是，当我将鼠标移过地图时，搜索框的内容在区域名称和预设文本之间快速闪烁。我尝试使用.delay（）修复它，但它不起作用 - 只有这样，我才读取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); 
});