javascript - 当焦点在文本框上时显示弹出框，模糊时隐藏它，但如果单击弹出框则不显示

Question

我的问题简单来说:

• 我有一个文本输入。
• 当它获得焦点时，将通过 jquery 的 .on('focus',...)
出现一个 Bootstrap“popover”
• 弹出窗口包含一个带有单选框的表单

我希望 Popover 在模糊时隐藏，但不是在弹出框本身内单击某些内容时隐藏(否则单击它会使文本框失去焦点并且弹出框消失，使其无用)。

有什么想法吗？

Answer 1

是的 HTML 类、.data()、 bool 标志...任何适合您的都可以

.on('click',...){

1. popover.addClass('橡树');
2. popover.data('oak',true);
3. var oak = true;

然后

.on('click',...,function(){
   //oak = popover.hasClass('oak');
   //oak = popover.data('oak');
   if(oak) return;
   popover.hide();
});