jQuery focusin/focusout. Избегайте focusout на

Question

отправить

У меня есть этот небольшой скрипт для переключения счастливого лица при фокусировке в виде:

/* Happy face script */ 
$('#search').on('focusin', function() { 
    $("#smile").removeClass("fa-meh-o"); 
    $("#smile").addClass("fa-smile-o"); 
}); 
$('#search').on('focusout', function() { 
    $("#smile").removeClass("fa-smile-o"); 
    $("#smile").addClass("fa-meh-o"); 
}); 

Однако, когда я click 'submit' она восходит к focusout государства. Как этого избежать?

Answer 1

Снимите focusoutevent и использовать toggleClass() как,

$('#search').on('focusin', function() { 
    $("#smile").toggleClass("fa-meh-o fa-smile-o"); 
}); 


$('#submit')on('click',function(){ 
    // your code then you can remove the classes again if not then remove below code 
    $("#smile").toggleClass("fa-meh-o fa-smile-o"); 
}); 

Обновлено вы можете использовать focusin and focusout с таким же toggleClass как,

$('#search').on('focusin focusout', function() { 
    $("#smile").toggleClass("fa-meh-o fa-smile-o"); 
});