jquery - jQuery フォーカスイン/フォーカスアウト。送信時のフォーカスアウトを避ける

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

を削除して、 toggleClass()を次のようにfocusoutevent使用します。

$('#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");
});