フォーカスのソースを検出できますか？ （Javascript、jQuery）

Question

簡単な質問 - フォーカスがマウスクリックかフォーカスイベントのタブかどうかを検出できますか？

もしそうでなければ、私はソースを決定するために同じ要素にクリックハンドルを使用する必要がありますが、私はフォーカスイベントからの方法を好むでしょう。

おかげ

Gausie

Answer 1

が100％に動作しない場合がありますが、その後直接的な方法がない場合は、あなただけMouseoverを使用して、それを検出することができませんか？その人はマウスをコントロール上に持ってきてそれを選択します（？）

Answer 2

フォーカスイベントがトラッキングされていると確信しています（window.focus、key、c​​lick ...） ）。

クリックの場合は、マウスのクリックを検出できます。キーボードイベントを検出することもできます（詳細はhttp://www.quirksmode.org/js/keys.html）。

Answer 3

マウスの位置はどうですか？

イベントハンドラでは、現在のマウスの位置をコントロールの領域と比較します。座標がコントロールの領域内にある場合、スクロールしないでください。

これはもちろん、要素をホバリングしてクリックせずにタブに移動できるため、完璧な解決策ではありません。しかし、あなたは混乱を減らそうとしているので、これは実際には良い副作用であるかもしれません。

マウスの位置を操作するときは、quirksmode.orgのスクリプトを使用します。私はJqueryもそれのためのいくつかの機能を提供するかもしれないと思う。

Answer 4

keyCodeを取得してみてください - 記事のリンク先はここにあります。最下部の注釈も同様に便利です。

http://www.geekpedia.com/tutorial138_Get-key-press-event-using-JavaScript.html

ここでの記事からコードです。それはそれは表示されませんが、タブのキーコードは9

<script type="text/javascript"> 

document.onkeyup = KeyCheck;  

function KeyCheck(e) 

{ 

    var KeyID = (window.event) ? event.keyCode : e.keyCode; 


    switch(KeyID) 

    { 

     case 16: 

     document.Form1.KeyName.value = "Shift"; 

     break; 

     case 17: 

     document.Form1.KeyName.value = "Ctrl"; 

     break; 

     case 18: 

     document.Form1.KeyName.value = "Alt"; 

     break; 

     case 19: 

     document.Form1.KeyName.value = "Pause"; 

     break; 

     case 37: 

     document.Form1.KeyName.value = "Arrow Left"; 

     break; 

     case 38: 

     document.Form1.KeyName.value = "Arrow Up"; 

     break; 

     case 39: 

     document.Form1.KeyName.value = "Arrow Right"; 

     break; 

     case 40: 

     document.Form1.KeyName.value = "Arrow Down"; 

     break; 
    } 

} 
</script> 

Answer 5

で、誰もが興味を持っていた場合は、ここで私はそれをやった方法は次のとおりです。

$('input').focus(function(){ 
    $this = $(this); 
    $this.parents('tr').css('background-color','yellow'); 
    if($this.attr('click')!='true'){ 
     $('body').scrollTop($this.offset().top-($(window).height()/2)); 
    } 
}).blur(function(){ 
    $(this).parents('tr').css('background-color','transparent'); 
}).mouseover(function(){ 
    $(this).attr('click','true'); 
}).mouseout(function(){ 
    $(this).removeAttr('click'); 
});