我正在做一个提供结果的搜索栏(类似于自动完成),但在 iOS 的 Safari 上,当键盘打开时点击输入标签外部时它不会失去焦点。
我做了一个简单的 jsfiddle 来演示重现此问题的最少代码:
https://jsfiddle.net/coppolaemilio/0bqrLcwe/4/
HTML
<input class="selector" type="text">
<ul>
<li>element</li>
</ul>
JS (jQuery)
$('.selector').focus(function() {
$('ul').addClass('visible');
});
$('.selector').focusout(function() {
$('ul').removeClass('visible');
});
CSS
.selector{
margin: 20px;
}
ul {
display: none;
}
ul.visible {
display: block;
}
最佳答案
我设法通过使用这个找到了解决方案:
$(document).on('touchstart', function (event) {
if (!$(event.target).closest('.country-selector').length) {
if ($('.country-selector').is(":visible")) {
$('input.country-selector').blur();
}
}
});
关于javascript - Safari(移动)IOS - 在外部单击时输入不会失去焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44849859/