Comment puis-je basculer le CSS d'un élément sur la mise au point / flou avec jQuery? Alors je l'ai maintenant. Mais cela ne fonctionne pas bien ...
4 Réponses :
Eh bien, si je vous ai raison, vous pouvez utiliser surblur et Onfocus événements, avec le Tobgleclass Fonction:
$('#yourelement').bind('blur', function(){
$(this).toggleClass('your-class');
});
$('#yourelement').bind('focus', function(){
$(this).toggleClass('your-class');
});
HMMM, si j'utilise cela, le CSS change dans la première mise au point. Ensuite, cela ne change pas sur le flou. Ni le deuxième flou. Mais en fait, sur le troisième flou, il revient alors à la précédente CSS. Le code que j'utilise est ci-dessus.
Vous pouvez combiner le Bind ('BLUR FOOW')
Essayez
$('.answerSpace').bind('blur', function(){ $('.normProf').removeClass("normProf").addClass('opacProf'); });
$('.answerSpace').bind('focus', function(){ $('.opacProf').removeClass("opacProf").addClass('normProf'); });
Vérifiez cela, c'est exactement comment vous devriez utiliser JQuery Focus Toggle ..
p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input>
C'est la solution la plus élégante ici.
BLUR est uniquement actif lorsque vous laissez une entrée, vous pouvez ainsi l'utiliser pour supprimer à nouveau la mise au point.
$('input').focus(function(){
$(this).css('box-shadow', '0px 0px 1px #ccc');
});
$('input').blur(function(){
$(this).css('box-shadow', 'none');
});