jQuery：フォーカスとぼかし

Question

私は#statusというフォームを持っています。 #statusUpdateというフォーム入力に注目し、送信ボタン#submitStatusが表示されるようにしたいと思います。私はこれやってきました

：

$("#statusUpdate").focus(function(){ 
    $("#submitStatus").show(); 
}); 

$("#statusUpdate").blur(function(){ 
    $("#submitStatus").hide(); 
}); 

これは正常に動作しますが、今#submitStatusが表示されたときに私の問題があり、そしてあなたがそれをクリックします#statusUpdateので、それは、同じsplitsecondに消えますフォーカスが失われ（ぼやけて）、それが隠れる。

どのようにこれを修正できますか？

Answer 1

奇数設計;） あなたは私が右のあなたを理解していれば、あなたが探しているこの

setTimeout(function() { $("#submitStatus").hide(); }, 100) 

または使用jQueryのdelay（hide()にいくつかのparamを追加する必要があります）

Answer 2

ようsetTimeoutでhideをラップすることができますサブミットボタンを隠し、サブミットボタンを表示したい場合は、ステータスアップデートに焦点を当てます。スニペットで何をしているかは、ステータス更新ボックスにフォーカスがある限り、サブミットボタンが表示されますが、クリックしようとするとフォーカスが失われ、すぐにサブミットボタンが非表示になります。これは望ましい結果ではありません。上記の答えは良いと思うし、あなたが必要なボタンをクリックするのに十分な時間を持つことができます。合計のスニペットは

$("#statusUpdate").focus(function(){ 
    $("#submitStatus").show(); 
}); 

$("#statusUpdate").blur(function(){ 
    setTimeout(function() { $("#submitStatus").hide(); }, 600); 
}); 

です。ユーザーがやりとりするためには600msくらいの間違いがあります。