在日常的 Web 开发中,我们经常需要监听用户输入的事件。其中,jQuery 的 on input 事件是我们最常使用的之一。
在 jQuery 中,我们可以通过使用 on() 方法来监听 input 事件。例如,如果我们想要监听一个文本框里的输入事件,可以使用如下代码:
$("input[type='text']").on("input", function() {
console.log($(this).val());
});
在上面的代码中,我们首先使用了 jQuery 选择器来选中了所有类型为 text 的输入框。然后,我们使用 on() 方法来监听了它们的 input 事件,并设置了一个回调函数,用来输出它们的值到控制台。
需要注意的是,在使用 on input 事件时,我们需要注意浏览器兼容性的问题。例如,在 IE9 及以下版本中,input 事件只支持在用户手动触发时才会被触发,而不能通过程序修改输入框的值来触发 input 事件。因此,我们需要使用 keyup 或 change 事件来代替 input 事件。
综上所述,jQuery 的 on input 事件可以用来监听用户在输入框中输入的文字,非常方便实用。但在使用它的过程中,我们也需要注意浏览器兼容性的问题,并选用不同的事件来适配不同的浏览器。