0

我在网上搜寻了有关此的任何信息，但没有运气。我有一个带有搜索字段的网页，我在加载页面时会重点关注它。页面始终以搜索字段中的焦点加载。搜索字段使用 jQuery 自动完成，搜索结果使用 Web 请求。有时，当我开始在字段中输入时，输入 3-6 个字符后字段会失去焦点，但我看不到焦点在哪里。当我使用 blur 或 focusout 查看焦点的目标时，它仍在搜索字段中。

该问题仅出现在 Internet Explorer 11 上，其他浏览器工作正常。

4

1 回答 1

0

当您输入文本时，可能会调用其他一些函数，因此您的搜索字段会失去焦点。

我尝试使用下面的代码进行测试，发现它在 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>

输出：

在此处输入图像描述

您可以尝试使用此示例进行测试，并在您身边检查它是否正常工作。

如果它有效，那么您需要在 IE 11 中调试您的代码以在您的代码中找到问题。

您也可以尝试在此处提供示例代码，我们可以帮助您测试问题。

于 2018-11-21T02:19:44.557 回答