无法在文本框中连续输入

Question

我在JSP文本框中添加了bootstrap typeahead函数。为了

https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=typeahead-with-local-dataset

有效。但是我无法在文本框中连续输入。我每次只能输入一个字符。如果我想添加另一个字符，我需要在文本框中单击。然后键入另一个字符。

这是我的代码..

$("#tagText").bind("keyup", function (event){
     event.preventDefault();
     var tagSuggest = $("#tagText").val();
     var url= "../operation/SuggestSupport!searchSuggest.action?documentTag.tagText="+tagSuggest+"&page=0&activePage=0";
      $.ajax({
         type: "POST",
         url: url,
         dataType:"json",
         success: function(data){
         var cars = $.map(data, function(el) { return el });
         // Constructing the suggestion engine
         var cars = new Bloodhound({
          datumTokenizer: Bloodhound.tokenizers.whitespace,
          queryTokenizer: Bloodhound.tokenizers.whitespace,
          local: cars
      });

      // Initializing the typeahead
      $("#tagText").typeahead({
          hint: false,
          highlight: true, /* Enable substring highlighting */
          minLength: 1 /* Specify minimum characters required for showing result */
      },
      {
      name: 'cars',
      source: cars
      );

      },
      error: function (data){
     alert("Error");
     }
     });
});

这是我的文本框。

<div class="input-group">
     <s:textfield name="document.tagText" id="tagText" cssClass="form-control" maxlength="100" autocomplete="off" style="width: 237px; border-radius: 4px;"/> 
</div>