Question

我有以下cshtml：

<input class="mdl-textfield__input AddressCity geo-city required text-box single-line" id="city" type="text" value="" autocomplete="off">

<span class="mdl-textfield__error cityWarning" style="visibility: hidden; color: dodgerblue; display: none;">This city is not from Google Api</span>

<div class="pac-container pac-logo" style="width: 96px; position: absolute; left: 993px; top: 307px; display: none;">
</div>

以及以下JS：

$("body").on("focusout", ".geo-city", function (e) {
var city = $(this).val();
var apiElem = $(this).closest('div').find('.pac-container').length;
var apiItem = 0;
if (apiElem > 0) {
    apiItem = $(this).closest('div').find('.pac-container').find('.pac-item').length;
}

var apiValue = $(this).closest('div').find('.fromApi').val();
if (city != "") {
        if (apiValue != city) {
                $(this).closest('div').find('.cityWarning').css('display', 'flex');
                $(this).closest('div').find('.cityWarning').css('visibility', 'visible');

        } else {
            $(this).closest('div').find('.cityWarning').css('display', 'none');
            $(this).closest('div').find('.cityWarning').css('visibility', 'hidden');
        }
} else {
    $(this).closest('div').find('.cityWarning').css('display', 'none');
    $(this).closest('div').find('.cityWarning').css('visibility', 'hidden');
}

}）;

该pac-container来自Google Api自动填充。

我想做的是，重点放在城市输入上，检查单击是否在pac-container div上。如果是这种情况，请隐藏跨度cityWarning，否则将其显示。

关于如何做到这一点的任何想法？

检测点击聚焦

0 个答案: