輸入字段的多個默認值

Question

我希望有一個搜索框輸入字段，當焦點不對准時會閃爍多個默認值。 如在“紐約”中停留3秒鍾，然后在“洛杉磯”中停留3秒鍾，依此類推，或者模擬它們的鍵入也將是不錯的。

我所做的是這個

http://jsfiddle.net/5aD7W/1/

但是問題是.val（）每隔3秒就會被覆蓋，即使它處於焦點位置也是如此。

Answer 1

我想到的一種方法：

var words = ['New York', 'Los Angeles', 'Home'];
var $search = $('#searchId');
var index = -1;

function foo() {

    if ($search.is(':focus')) {
        return;
    }
    index++;
    $search.val(words[index % words.length]);
}​

setInterval(foo, 3000);

現場演示

Answer 2

您可以像在JsFiddle上的演示一樣進行操作

在html中

<input id="txtCity" type="text" value="New York"  />​

IN腳本

  arr = ["New York", "Los Angesles", "London"];
txtCity = $('#txtCity');
i=0;
setInterval(function(){ 

    if (txtCity.is(':focus')) 
        return;   
    txtCity.val(arr[i++]);
    if(i==arr.length)
         i = 0;
}, 2000);

$('#txtCity').focus(function(){
    this.value=""
 });
​
​

Answer 3

您將需要一些腳本來執行此操作，因此jQuery是一個不錯的選擇。 簡單的標記無法解決您的問題。 相關： 使用JavaScript動態更改HTML5輸入元素的“占位符”屬性