Только триггерное событие в то время как поле формы сфокусировано

Question

У меня простая форма, и я запускаю всплывающее окно Bootstrap всякий раз, когда пользователь фокусируется на определенном поле. Проблема в том, что я хочу это событие , а пользователь сфокусирован на поле - в момент, когда событие останавливается, когда вы фокусируетесь на другом поле. Это также должно работать без конфликтов с событием клика.

Спасибо за помощь :)

Вот мой код:

JQuery:

$("#pw1").on("focus", function() { 
    $("#s_pw1_pop").popover('toggle'); 
}); 

HTML:

<div class="form-group" id="s_pw1_pop" data-toggle="popover" data-placement="bottom" data-html="true" data-content="The event is triggered"> 
    <div class="input-group" id="s_pw1_focus"> 
     <input id="pw1" type="password" /> 
    </div> 
    <div id="s_pw1" style="position: relative; top: 7px;"></div> 
</div> 

Answer 1

Вы можете использовать событие размытия

<div class="form-group" id="s_pw1_pop" data-toggle="popover" data-placement="bottom" data-html="true" data-content="The event is triggered" data-trigger="manual"> 
    <div class="input-group" id="s_pw1_focus"> 
     <input id="pw1" type="password" /> 
    </div> 
    <div id="s_pw1_popover"></div> 
    <div id="s_pw1" style="position: relative; top: 7px;"></div> 
</div> 

затем

$("#pw1").on("focus blur ", function (e) { 
    $('#s_pw1_pop').popover('toggle'); 
}); 

Демо: Fiddle