使用jQuery自动完成的输入字段有时会在键入时失去焦点(仅在IE 11上发生)
使用jQuery自动完成的输入字段有时会在键入时失去焦点(仅在IE 11上发生)
提问于 2018-11-21 01:33:50
我已经在网上搜寻过了，试图找到任何关于这方面的信息，但没有任何收获。我有一个带有搜索字段的网页，当我加载页面时，我会将焦点放在这个字段上。页面始终加载时，焦点位于搜索字段中。搜索字段使用jQuery自动完成，搜索结果使用web请求。有时，当我开始在字段中键入时，字段在键入3-6个字符后失去焦点，但我看不到焦点在哪里。当我使用模糊或焦点输出来查看焦点的目标时，它仍然在搜索字段上。
此问题仅在Internet Explorer 11上出现，其他浏览器工作正常。
回答 1
Stack Overflow用户
发布于 2018-11-21 10:19:45
当您键入文本时，可能会调用一些其他函数，因此您的搜索字段失去了焦点。
我试着用下面的代码进行测试，我发现它在IE11上运行良好。
<!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>
输出：
您可以尝试使用此示例进行测试，并在您一侧检查它是否正常工作。
如果它可以工作，那么你需要在IE11中调试你的代码来找出代码中的问题。
你也可以尝试在这里提供一个示例代码，我们可以帮助你测试这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53398482
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号