JQuery - показывать всплывающую подсказку только тогда, когда ввод выбран и пуст (странное поведение ...) - PullRequest
Новая
       34

JQuery - показывать всплывающую подсказку только тогда, когда ввод выбран и пуст (странное поведение ...)

0 голосов
/ 30 ноября 2018

Я бы хотел показать пользователю помощь по поиску.Вот как мой код сейчас 

<input class="form-control search" type="search" value="" id="search" name="search" placeholder="search"
aria-label="search" data-delay='{"show":"500", "hide":"100"}' autocomplete="off" data-animation="true" 
data-toggle="tooltip" data-placement="bottom" data-html="true" 
title="<b>Search options</b><br>Multiple words = xxx xxx <br>Exactly literal = &#34;xxx xxx&#34; <br>Exclude words = -xxx <br>Search for a day = 26.09.2018 <br>Search for a month = 09.2018 <br>Search for a year = 2018">

<script>
    $(function() {
        var searchInput = $('#search');
        // 'Onclick'
        searchInput.on('focus', function() {
            if (this.value.length < 1) {
                $('#search').tooltip('show');
            }
        });
        // Onkeyup
        searchInput.on('keyup', function() {
            if (this.value.length >= 1) {
                $('#search').tooltip('hide');
            } else {
                $('#search').tooltip('show');
            }
        });
    });
</script>

Работает, но всплывающая подсказка исчезает, когда вы покидаете с помощью мыши (mouseover) поле ввода.(«фокус потерян при наведении мыши»)

Если я второй раз (без перезагрузки страницы) выбираю с помощью мыши вход, странный эффект исчезает, и все в порядке.

...