jquery - リンクをクリックしてからマウスを離しても、リンクはフォーカスを保持します。しかし、リンクをマウスダウンするとフォーカスが失われますが、リンクをマウスオフしてマウスを離すと

Question

http://jsfiddle.net/nicktheandroid/bD37R/2/

ユーザーがリンク上でマウスダウンした場合、まだフォーカスがある要素を取り除こうとしていますが、マウスボタンを押したままマウスボタンを離したまま、マウスをリンクから離します。私にとって、これは、ユーザーがマウス ボタンを離す前に、リンクをクリックしたくないことに気付いたことを意味します。そのため、リンク上でマウス ボタンを離すのではなく、マウスをリンクから離してから離しました。マウスボタン。

要素はリンク、またはアクティブ スタイルとフォーカス スタイルを持つ div/span である可能性があり、同じように機能します。

私の例では、div の 1 つをクリックすると、希望どおりに動作しますが、マウスアウトすると、フォーカスが離れてしまいます。これは発生しないはずです。フォーカスは、ユーザーがリンク/div でマウスダウンした場合にのみ取り除かれる必要がありますが、マウスを要素の外にドラッグしてからマウス ボタンを離します。しかし、要素をクリックした後、要素から離れてホバリングした場合、要素がフォーカススタイルを維持するようにします。それが私の問題です。要素をクリックすると、クリックした後にマウスを要素から離すと、フォーカスが失われます。jQuery が正しくないことはわかっています。何らかの理由で、jQuery がどのように見えるべきかを理解するのに苦労しています。

$('div').mousedown(function(){
    $(this).mouseleave(function(){
        if ($(this).mousedown()) {
            $(this).blur()
        }
    })
})