jquery on('input) 监听不到input的变化

通常情况下，使用 jQuery 的 `.on('input', function() {})` 方法可以监听 input 元素的值变化。但是，有些情况下可能会出现监听不到 input 元素值变化的情况，可能是以下原因导致的：

1. input 元素不存在或未正确选中：如果没有正确选中 input 元素，或者 input 元素不存在，那么 `.on('input', function() {})` 方法就无法监听到 input 元素的值变化。

2. 代码执行顺序问题：如果使用 `.on('input', function() {})` 方法的代码在 input 元素设置值的代码之前执行，那么就无法监听到 input 元素的值变化。这时可以使用 `setTimeout` 函数将监听代码延迟执行，等待 input 元素的值设置完成后再执行监听代码。

3. input 元素是动态生成的：如果 input 元素是动态生成的，也就是说在页面加载时并不存在，那么使用 `.on('input', function() {})` 方法就无法监听到 input 元素的值变化。这时可以使用事件委托的方式来监听 input 元素的值变化，例如：

   $(document).on('input', 'input', function() {
       // 处理代码
   });

在上述代码中，我们使用 `$(document).on('input', 'input', function() {})` 方法来监听所有动态生成的 input 元素的值变化，通过事件委托的方式来实现。

4. 浏览器兼容性问题：某些浏览器可能不支持 `input` 事件，例如 IE9 及以下版本的浏览器。在这种情况下，可以使用 `propertychange` 事件来代替 `input` 事件，示例代码如下：

   $('input').on('input propertychange', function() {
       // 处理代码
   });

在上述代码中，我们使用 `.on('input propertychange', function() {})` 方法来绑定 `input` 和 `propertychange` 两个事件，这样就可以兼容不支持 `input` 事件的浏览器了。

综上所述，如果使用 jQuery 的 `.on('input', function() {})` 方法无法监听到 input 元素的值变化，可以考虑以上几种情况并针对性地进行调整。