javascript - 使用 jQ 1.8.3 时文本框上的 jquery on() 更改不起作用

Question

我正在使用 jquery 1.8.3，因此尝试从使用 .live() 更改为 .on()像 SO 上的许多其他人一样 - 无法正常工作 - 我做错了什么？如果使用 .live() 是错误的为什么它始终如一地运作良好!

(txtbxhost 是一个文本框，不是动态添加的，它已经在 DOM 中)

$('#txtbxhost').live('input', function() {
  // works everytime            
});


$('#txtbxhost').on('change', 'input',  function() {
   // fails everytime           
});

和

$('#txtbxhost').on('change', '#txtbxhost',  function() {
   // fails everytime           
});

和

$(document).on('change', '#txtbxhost',  function() {
   // fails everytime           
});

我在这里没有想法......帮助......

Answer 1

你可能想要:

$(document).on('input', '#txtbxhost',  function() {
   // code here           
});

Check this fiddle

此外，change 仅在您blur 时有效 - 换句话说，在您更改文本框中的文本后单击别处。

所以，这也应该有效

$(document).on('change', '#txtbxhost',  function() {
   // fails everytime           
});

检查 updated fiddle