上一篇: jQuery – slideDown和push图标下一篇:jquery – 如何防止select2将用户...

jquery – 在模糊上隐藏bootstrap popover除非popover中的元素具有焦点

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 在模糊上隐藏bootstrap popover除非popover中的元素具有焦点，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有一个带有文本输入的Bootstrap popover.如果用户在弹出窗口外单击,我希望弹出窗口隐藏,但如果弹出窗口内的任何内容(如输入字段)获得焦点,则保持打开状态.

使用触发器：焦点选项不起作用,因为在显示弹出窗口后,单击任何内容(包括弹出窗口)会隐藏它.

我已经尝试添加一个$(‘.popover’).on(‘blur’)函数但是我不知道如何在触发blur事件时检查popover内部的东西是否有焦点.

这个小提琴说明了不受欢迎的行为
http://jsfiddle.net/Lcsqjdgu/

解决方法

这应该像你描述的那样工作.

>显示弹出框时,将焦点设置在输入上.
>隐藏模糊的弹出窗口.

Fiddle

$('button').on('shown.bs.popover',function() {
  $('#new_input').focus();
})

$(document).on('blur','.popover',function() {
   $(this).popover('hide');
});@H_675_25@

@H_197_28@

大佬总结

以上是大佬教程为你收集整理的jquery – 在模糊上隐藏bootstrap popover除非popover中的元素具有焦点全部内容，希望文章能够帮你解决jquery – 在模糊上隐藏bootstrap popover除非popover中的元素具有焦点所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：bootstrap jquery popover 中元素具有模糊焦点除非隐藏