Question

.change（）事件在使用自动填充脚本时无法在Chrome中运行，并且在输入其他值时无法自动完成... 但我的代码在Firefox中完全正常工作

我的代码如下

    $('body').on('change', 'input[name^="itemNo"]', function(){

    var currentquantity = $(this).val();
    var maxquantity = $(this).data('maxquant');

    alert(currentquantity);
    alert(maxquantity);

    })

和我的html代码如下

<input type="text" data-type="product_serial" name="itemNo[]" data-maxquant="" id="itemNo_1" class="form-control autocomplete_txt serial_number_append" autocomplete="off">

Answer 1

使用自动填充更改事件。您可以使用＆＃39; autocompletechange＆＃39;来绑定它。事件：

$('input[name^="itemNo"]').on( "autocompletechange", function( event, ui ) {} );

或初始化，如下例所示：

＆＃13;

$(function() {
  var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp"
  ];
  $('input[name^="itemNo"]').autocomplete({
    source: availableTags
  }, {
    change: function(event, ui) {
      var currentquantity = $(this).val();
      var maxquantity = $(this).data('maxquant');

      alert(currentquantity);
      alert(maxquantity);
      return false;
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src=https://code.jquery.com/ui/1.11.2/jquery-ui.js "></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<input type="text " data-type="product_serial " name="itemNo[] " data-maxquant=" " id="itemNo_1 " class="form-control autocomplete_txt serial_number_append " autocomplete="off ">

＆＃13;

有关详细信息，请参阅文档：autocomplete API

Answer 2

这适用于我的chrome。当输入字段失去焦点时调用change事件

$('body').on('change', 'input[name^="itemNo"]', function(){

    var currentquantity = $(this).val();
    var maxquantity = $(this).data('maxquant');

    alert(currentquantity);
    alert(maxquantity);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" data-type="product_serial" name="itemNo[]" data-maxquant="" id="itemNo_1" class="form-control autocomplete_txt serial_number_append" autocomplete="off">

使用自动填充功能时，.change（）在Chrome中无效

2 个答案: