jquery - jQueryで何かに焦点が当てられている場合にトグルアクションを防ぐ方法

Question

ここを参照してください：http： //jsfiddle.net/kbkPL/

現在、mouseenterとmouseleaveで、非表示のスライドパネルがスライドインおよびスライドアウトします。

ユーザーがその入力ボックスにフォーカスを持っている場合、フォーカスが失われるか、ユーザーが送信を押すまで、パネルを開いたままにしておきます（そしてパネルがスライドして戻るのを防ぎます）。どうすればこれを達成できますか？ありがとう。

Answer 1

これは可能性です：

$(document).ready(function(){
$("#promoContentTrigger").mouseenter(function(){
    $("#promoContentPanel").toggle("fast");
    $(this).toggleClass("hideTrigger");
});
$("#promoContentPanel").mouseleave(function(){
    if ($(".textBox").is(":focus")) {return;}
    $("#promoContentPanel").toggle("fast");
    $("#promoContentTrigger").removeClass("hideTrigger");
});

}）; </ p>