Question

这是我第一次求助，所以首先谢谢。我现在的问题是，当一个特定的输入没有被聚焦时，我正在努力隐藏DIV，并且没有点击它自己的Div。

为了更好地理解，它是一个JSON对象的实时搜索，我在其中获得有关输入值的建议。 Search with Suggestions

HTML Code Snippet：

        <div class="col-md-4 col-md-push-2" id="isFocus">
            <div class="input-group">
                <input placeholder="Analyseverzeichnis" class="form-control input-lg analyseIndex align-middle" id="searchData">
                <span class="input-group-addon icon-search" id="buttonSearch"></span>
            </div>
            <div class="resultWrapper">
                <ul class="list-group" id="resultData"></ul>
            </div>
        </div>

JS Code Snippet：

$('#resultData').on('click', 'li', function() {
    var click_text = $(this).text().split('|');
    var getData = $('#searchData').val($.trim(click_text[0]));
    $("#resultData").html('');
    var uri = encodeURIComponent($('#searchData').val());
     window.open('*****Link to JSON File******search='+uri, '_blank');
});

Clou隐藏“建议/列表元素”只有输入字段失焦，“建议/列表元素”没有点击它自己。

Answer 1

<input placeholder="Analyseverzeichnis" class="form-control input-lg analyseIndex align-middle" onfocus="document.querySelector('.resultWrapper').style.display='block'" onblur="setTimeout(function(){document.querySelector('.resultWrapper').style.display='none'},100)" id="searchData">

    <script>
    document.querySelector('.resultWrapper').style.display='none';
    </script>

输入未聚焦JavaScript时删除Div

1 个答案: