jQuery檢查一個元素是否集中

Question

我有一個帶有輸入和textarea的表單，我想知道元素是否被聚焦。

我試過的東西，如：

if($('input').is(':focus')){ 
    alert('ok') 
} 
else{ 
    alert('nok') 
} 

我只需要知道，如果我的網頁（輸入或文本域）上的元素都集中curently與否。

謝謝！

Answer 1

$(document).on('focus', 'input', function(){ 
    //do stuff 
}); 

Answer 2

這將是更好地使用事件這樣的：

$('input').on('focus', function(){ 
    // some code here 
}); 

$('textarea').on('focus', function(){ 
    // some code here 
}); 

Answer 3

您可以設置事件偵聽器的頁面加載時。當事件發生在任何這些元素上時，就會執行一些操作。

$(function() { 
 
    $('.focus').on('focusin', function() { 
 
     $('.output').val(this.tagName + ' HAS FOCUS'); 
 
    }) 
 
    .on('focusout', function(e) { 
 
     $('.focus:focus').length || $('.output').val('NO ELEMENT HAS FOCUS'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
NAME: <input type="text" class="focus" name="fullname"/><br> 
 
BIO: <textarea name="bio" class="focus"></textarea><br><br> 
 

 
STATUS: <input type="text" name="output" class="output" size="50" readonly="readonly" value="NO ELEMENT HAS FOCUS"/>