.keyup或.change事件觸發在jquery只讀字段？

Question

我有輸入欄的列表。其中一些是隻讀字段。 我正在使用.keyup（）事件來觸發輸入字段中的某些內容發生變化。 但它不會影響只讀字段。 不知何故，我想改變這些領域。 有什麼幫助嗎？

Answer 1

如果您在只讀輸入字段中調用focus，則keyup事件將失火。但是，輸入該字段將不會更改其值（因爲它是隻讀的）。也許你需要的是傾聽其value屬性中的更改嗎？

我建議聽input和propertyChange爲this answer建議：

$('input').bind('input propertychange', function() { 
    // Do something 
}); 

這樣的時候，你會被告知您的輸入值發生變化（ 從任何手段 ）。 編輯：如果以編程方式更改值，則不起作用 - 對於這種情況，唯一跨瀏覽器可行的備選項涉及輪詢（例如this）。一個更好的選擇可以使用一個框架，如knockout.js，它可以爲你自動化，同時在視圖和模型之間提供清晰的分離。這裏是an example。

---

更新：我記得讀您的評論中已刪除的回答，說明你編程設置輸入的值，是正確的？ （可以使用10k代表一些用戶恢復它？）在這種情況下，爲什麼不改變值直接觸發監聽器的代碼？

$(link).click(function() { 
    $(readonlyInput) 
     .val("some val") // Update the value 
     .trigger('keyup'); // Trigger the listener 
}); 

Answer 2

看來只讀字段不聽這意味着輸入類似「輸入」，「KEYUP」等活動，如果你認爲這是一個合乎邏輯的行爲，他們仍然聽變化事件，那麼爲什麼不使用「平變化」它，而不是輸入事件，使用jQuery是相當容易： 爲

$("input").filter(function(){ 
     return $(this).prop("readonly");  
}).on("change", function(){ 
     // do something 
}); 

而對於輸入其餘是不是隻讀

$("input").filter(function(){ 
     return !$(this).prop("readonly");  
}).on("keyup", function(){ 
     // do the same thing something 
});