jquery - jQuery - Do not execute queue if element within a form has focus?

Question

I have a div element which contains a small form and a dhtmlx datagrid. This div is rarely used so I make use of jQuery's slideUp to hide it out of the way when it isn't needed. I've attached mouseenter and mouseleave events on the div to set up and cancel the slideUp - so that when the mouse is over the div it doesn't disappear.

However, my problem comes in when the user clicks into either one of the form elements or the datagrid and then moves the mouse away. Obviously the user still requires the div to be visible, but the mouseleave event then causes the div to slideUp!

Is there anyway in jQuery of testing whether any element within a div has focus? Then if something does have focus I can cancel the slideUp call.

Answer 1

jQuery 1.6+ から追加された focus プロパティを見てください。

フォーカスのある入力を見つけたい場合は、これを使用します。

if( $("#mydiv input:focus").length > 0 ) {}