在 jQuery 監視輸入變更:超越變更事件
jQuery .change 事件通常在輸入失去焦點時觸發。當您需要對發生的值變化做出反應時,此限制可能會很不方便。以下是在jQuery 中偵測即時輸入變化的三種有效方法:
1.輸入事件(現代瀏覽器)
現代瀏覽器支援輸入事件,且當輸入值從一個值變更為另一個值時觸發,無論變更是如何進行的(鍵入、貼上等)。 )。要在jQuery 中使用它:
$('#someInput').on('input', function() { // Get the current input value $(this).val(); });
2. Keyup 事件(較舊的瀏覽器)
對於較舊的瀏覽器,keyup 事件是一個替代選項。當鍵盤上的某個鍵被釋放時它會觸發。但請注意,此事件可能會觸發不相關的事件,例如釋放 Shift 鍵時。
$('#someInput').keyup(function() { // Get the current input value $(this).val(); });
3.計時器檢查
作為後備措施,您可以使用計時器定期檢查輸入值是否有變更。這種方法可以使用 setInterval 或 setTimeout 來實作。
// Set a timer to check the input value every 500 milliseconds var timer = setInterval(function() { // Get the current input value $('#someInput').val(); }, 500); // Stop the timer when the input loses focus $('#someInput').blur(function() { clearInterval(timer); });
以上是除了「.change」事件之外,如何監控 jQuery 中的輸入變更?的詳細內容。更多資訊請關注PHP中文網其他相關文章!