javascript - テキストボックスにフォーカスがあるときにポップオーバーを表示し、ぼかしで非表示にしますが、ポップオーバーがクリックされた場合は非表示にします

Question

簡単に言えば私の問題：

• テキスト入力があります。
• フォーカスが得られると、jquery を介して Bootstrap の「ポップオーバー」が表示されます.on('focus',...)
• ポップオーバーには、ラジオボックスを含むフォームが含まれています

ポップオーバーをぼかしで非表示にしたいのですが、ポップオーバー自体の中で何かがクリックされたときはそうではありません(そうしないと、クリックするとテキストボックスがフォーカスを失い、ポップオーバーが消えて役に立たなくなります)。

何か案は？

Answer 1

ええ、HTMLクラス、.data（）、ブールフラグ...あなたに合ったものは何でも

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

1. popover.addClass('oak');
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();
});