如何使用 jQuery 检测文本输入字段的每次更改？

使用 jQuery 捕获对文本输入的每个更改

检测对输入文本字段值的任何修改，无论使用何种方法（例如，按键、复制/粘贴、JavaScript 编辑、自动完成）。确保立即使用 jQuery 注册更改。

解决方案

使用 jQuery 的 .bind() 实现此强大且与浏览器兼容的解决方案：

$('.myElements').each(function() {
   let elem = $(this);

   // Store initial value
   elem.data('oldVal', elem.val());

   // Monitor value alterations
   elem.bind("propertychange change click keyup input paste", function(event) {
      if (elem.data('oldVal') != elem.val()) {
         elem.data('oldVal', elem.val());

         // Custom action upon change
         ...
      }
   });
});

注意: 将 '.myElements' 替换为输入字段的选择器。

对于 jQuery 3.0 或更高版本，请使用 .on() 而不是 .bind()：

$('.myElements').each(function() {
   let elem = $(this);

   // Store initial value
   elem.data('oldVal', elem.val());

   // Monitor value alterations
   elem.on("propertychange change click keyup input paste", function(event) {
      if (elem.data('oldVal') != elem.val()) {
         elem.data('oldVal', elem.val());

         // Custom action upon change
         ...
      }
   });
});

以上是如何使用 jQuery 检测文本输入字段的每次更改？的详细内容。更多信息请关注PHP中文网其他相关文章！