我在网上搜寻了所有东西,但没有运气。我有一个带有搜索字段的网页,在加载页面时会重点关注该网页。该页面始终将焦点放在搜索字段中。搜索字段使用jQuery自动完成功能,搜索结果使用Web请求。有时,当我开始在该字段中输入内容时,该字段在输入3-6个字符后会失去焦点,但我看不到焦点在哪里。当我使用模糊或聚焦进行查看焦点目标时,它仍在搜索字段中。
仅在Internet Explorer 11上会出现此问题,其他浏览器也可以正常工作。
答案 0 :(得分: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中调试代码以在代码中找到问题。
您也可以尝试在此处提供示例代码,我们可以帮助您测试问题。