Question

我有一个简单的表单，只要用户专注于特定字段，我就会触发Bootstrap popover。问题是我希望此事件，而用户专注于该字段 - 一旦您关注另一个字段，事件保持触发的那一刻。这也需要在没有与点击事件冲突的情况下工作。

感谢您的帮助：）

这是我的代码：

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

仅在关注表单字段时触发事件

1 个答案: