jQuery проверить, если элемент сфокусирован

Question

У меня есть форма с input и textarea, и я хочу знать, сфокусирован ли элемент.

Я пытался что-то вроде:

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

Мне просто нужно знать, если элемент на моей странице (вход или TEXTAREA) являются 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"/>