jQuery 切换焦点/模糊

Question

如何使用 jQuery 在焦点/模糊上切换元素的 CSS？

$('.answerSpace').bind('blur', function(){
$('.normProf').toggleClass('opacProf');
});

$('.answerSpace').bind('focus', function(){
    $('.opacProf').toggleClass('normProf');
});

所以现在我有了这个。但它不太有效...

Answer 1

看看这个，这正是你们应该如何进行 jQuery 焦点切换..

基本用例:

$('input').on('focus blur', toggleFocus);

function toggleFocus(e){
    console.log(e.type)

    if( e.type == 'focusin' ){ 
      // do something on focus
    }
    else{
      // do something else on blur
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input>