打字

Question

時，這是我的代碼，不要刷新。牆壁會自動刷新AJAX（每9秒），但是當您鍵入內容並且文本框重點時，會在頁面刷新後刪除焦點和文本框的內容。

我怎樣才能讓它只刷新，當你不打字，並讓你停止時，你打字。謝謝！我到處尋找並嘗試了一切，但沒有運氣。

Answer 1

我想你有一個這樣的輸入框：

<input type="text" id="input-box" ... /> 

所有你需要做的是mantain一個全球變量比說，如果這個輸入有焦點：

var isTyping = false; 
$("#input-box").focus(function() { 
    isTyping = true; 
}); 
$("#input-box").blur(function() { 
    isTyping = false; 
}); 

然後你只是公頃已經檢查此變量以允許更新：

// Refresh feeds, but ONLY when you are NOT typing 
var refreshId = setInterval(function() { 
    if (!isTyping) { 
     $("#load-feeds").load('/actions/loadfeed.php?randval='+ Math.random()); 
}, 9000); 
    } 
$.ajaxSetup({ cache: false }); 

Answer 2

你應該保持一個timeout定時器運行時，鍵入，並檢查您加載之前：

var typing = false, 
    theTimer, 
    refreshId = setInterval(function() { 
     typing || $("#load-feeds").load('/actions/loadfeed.php?randval='+ Math.random()); 
    }, 9000); 
$.ajaxSetup({ cache: false }); 

$('#theInput').keyup(function() { 
    typing = true; 
    theTimer && clearTimeout(theTimer); 

    theTimer = setTimeout(function() { 
     typing = true; 
    }, 500); 
});