我可以檢測焦點的來源嗎？ （Javascript，jQuery）

Question

快速問題 - 是否有可能檢測焦點是來自鼠標點擊還是來自焦點事件的選項卡？

我猜如果沒有，我將不得不在相同的元素上使用點擊控制來確定源，但我更喜歡從焦點事件的方式。

感謝

Gausie

Answer 1

可能無法正常工作100％，但如果沒有一個直接的方法，然後你就不能使用Mouseover和檢測呢？這個人會把鼠標放在控件上來選擇它（？）

Answer 2

我很自信，焦點事件不會導致焦點已被排序（window.focus，key，click ...） ）。

但是在點擊的情況下，您可以檢測到鼠標點擊。您也可以檢測鍵盤事件（更多關於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'); 
});