在jquery中鍵入並關注事件？

Question

我已經寫了一個blur()事件來處理文本字段上的焦點輸出事件。代碼看起來像這樣。

$("input[type=text]").blur(function (event) { 
    if(this.value){ 
     //do something 
    } 
    event.originalEvent.handled = true; 
}); 

我有一種情況，文本字段會自動獲得上一頁中文本的焦點。

舉一個例子，在flipkart.com的搜索字段中輸入一些文字，然後點擊搜索。我的event handler必須執行聚焦事件。 （它正確地發生）。

在下一頁中，輸入的文本被預填充到文本字段中，焦點也放在其上。所以在這個頁面中，如果我做了一些動作，文本字段將失去焦點，並再次調用相同的事件。我不需要這樣的事情發生。

有沒有辦法避免這種情況？通過結合兩個事件處理程序？請幫忙。

Answer 1

更改您的代碼，以便功能後只綁定到元素用戶明確與元素進行交互，像這樣：

$("input[type=text]").on('keyup keypress change click', function() { 
 
    $("input[type=text]").blur(function(event) { 
 
    if (this.value) { 
 
     //do something 
 
     alert('blur was called after interacting with element'); 
 
    } 
 
    event.originalEvent.handled = true; 
 
    }); 
 
}); 
 
$('#test').focus();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="test" value="some value">

Answer 2

試試這個：你知道前一頁的文本值，只是將它與當前文本值進行比較，如果兩者相同則不做任何操作。請參見下面的代碼

$(function(){ 
    var prevTextValue = "read your previous text value here"; 
    $("input[type=text]").blur(function (event) { 
     //check if value is not empty and not equal to previous value 
     if(this.value!="" && this.value != prevTextValue){ 
     //do something 
     } 
     event.originalEvent.handled = true; 
    }); 
});