Поле ввода, использующее автозаполнение jQuery, иногда теряет фокус при наборе текста (происходит только в IE 11) - PullRequest
0 голосов
/ 20 ноября 2018

Я рыскал в сети, пытаясь найти что-нибудь об этом, но не повезло.У меня есть веб-страница с полем поиска, которому я уделяю внимание при загрузке страницы.Страница всегда загружается с фокусом в поле поиска.В поле поиска используется автозаполнение jQuery, в результатах поиска - веб-запрос.Иногда, когда я начинаю печатать в поле, поле теряет фокус после ввода 3-6 символов, но я не вижу, куда идет фокус.Когда я использую размытие или фокус, чтобы увидеть цель фокуса, она все еще находится в поле поиска.

Эта проблема возникает только в Internet Explorer 11, другие браузеры работают нормально.

1 Ответ

0 голосов
/ 21 ноября 2018

Возможно, что при вводе текста вызывается какая-то другая функция, и из-за этого ваше поле поиска теряет фокус.

Я пытаюсь выполнить тест с приведенным ниже кодом и обнаружил, что этоотлично работает с IE 11.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
	"Aron",
	"artist",
	"Article",
	"Argument",
	"Arnold",
	"Avast",
	"amazon",
	"Air Space",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  } );
  </script>
</head>
<body>
 
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>
 <Input type="button" value="Submit"><br>
 <Input type="button" value="clear"><br>
 
</body>
</html>

Выход:

enter image description here

Вы можете попробовать выполнить тест с этим образцом и проверитьна вашей стороне, работает ли он правильно или нет.

Если это работает, вам нужно отладить код в IE 11, чтобы найти проблему в вашем коде.

Вы также можете попытаться предоставитьПример кода здесь. Мы можем помочь вам проверить проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...