2014-10-09 73 views
0

好的。如何在調用ajax文檔時刪除觸發器延遲?

問題很簡單。

我想在用戶更改<input type="text">的值時通過ajax調用某些文檔。

甚至不僅僅是'鍵盤打字'事件。

包括這樣......你知道,刀尖......這表示用戶最後輸入的結果...

我的意思是,刀尖......位置低於輸入框..顯示用戶最近鍵入的結果...你知道......很難解釋。不知道它的名字......

無論如何,我想調用AJAX文件之後用戶改變<input type="text">價值......甚至只是鍵盤打字,通過點擊鼠標選擇該提示的一個包括...

嗯,我能「鍵式事件」後立即調用文檔..

這是代碼:

sensitiveInput.addEventListener('keyup',function(){ 
    callDocument_viaAjax(); 
} 

所以,我想類似的方法與上面的代碼。

這是代碼:

document.addEventListener('mouseup',function(){ 
    if(sensitiveInput.value !== '') { 
     sensitiveInput.onchange=function(){ 
      callDocument_viaAjax(); 
     } 
    } 
}); 

但這個代碼有一些延遲..這意味着,沒有意識到我想要做的UI。

當用戶通過在輸入框下方選擇一個工具提示更改<input type="text" id="sensitiveInput">的值時,callDocument_viaAjax()未執行。

我不得不在文檔單擊一個更多的時間來執行callDocument_viaAjax() ....

我不知道爲什麼發生這種情況。

而且不知道如何解決這個問題?

請有人告訴我憐憫......

+0

我相信您所指的「工具提示」的名稱可能是「自動完成」的。除了'keyup'事件以外,我還會嘗試對'change'事件作出響應。 – enhzflep 2014-10-09 13:41:24

回答

0

我使用事件觸發「輸入」解決了這個問題。 即使不輸入輸入字段的焦點,'輸入'事件也檢測輸入的變化。 (只有當輸入字段丟失焦點時纔會發生「更改」效果)