0

我有这个小脚本可以在关注表单时切换笑脸:

/*  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州时。我该如何避免呢?

4

1 回答 1

0

删除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");
});
于 2013-11-14T05:52:51.483 回答