最近在使用 jQuery 的 input 事件時(shí)發(fā)現(xiàn)了一個(gè)問題，在綁定 input 事件后，當(dāng)我嘗試在文本框中輸入內(nèi)容時(shí)，事件并沒有觸發(fā)。經(jīng)過調(diào)試發(fā)現(xiàn)，原因在于我沒有正確地綁定事件。

$('input').on('input', function() {
console.log('input event fired');
});

上面的代碼看起來沒有什么問題，但實(shí)際上，它只會(huì)綁定在文檔加載時(shí)已經(jīng)存在的 input 元素上。如果之后動(dòng)態(tài)添加了 input 元素，那么這些元素不會(huì)綁定事件。

要解決這個(gè)問題，有兩種方法：

1. 使用委托事件（也稱為事件代理）
2. 手動(dòng)綁定事件

第一種方法使用 jQuery 的 on 函數(shù)來綁定事件，它會(huì)在父元素上監(jiān)聽事件，當(dāng)子元素觸發(fā)事件時(shí)，事件會(huì)冒泡到父元素，然后在父元素上觸發(fā)。這樣就可以綁定到動(dòng)態(tài)添加的元素了。

$(document).on('input', 'input', function() {
console.log('input event fired');
});

第二種方法比較麻煩，需要手動(dòng)綁定事件，但確保了準(zhǔn)確性。

$('input').each(function() {
$(this).on('input', function() {
console.log('input event fired');
});
});

總之，在使用 jQuery 的 input 事件時(shí)，一定要注意綁定方式，否則可能會(huì)遇到無法觸發(fā)事件的問題。