if문 focus들어갓을때 나왔을떄

if문 focus들어갓을때 나왔을떄

QA

if문 focus들어갓을때 나왔을떄

답변 3

본문

if $("[type=text]").focus(function() { 

        $(this).prev().animate({opacity:1}, 700);
        $(this).attr('placeholder', ' ');
        $(this).css('border-bottom', '2px solid #0e7bfc');

    } else {

    }
});

 

 

포커스가가면 저위에 스타일이먹고 나오면 원상복구 되는 걸하고싶은데..

우선 이프문 부터 안먹히는데 방법좀알려주세요..

이 질문에 댓글 쓰기 :

답변 3

$('[type=text]').on('focus',function(){ 

$(this).prev().animate({opacity:1}, 700); 
$(this).attr('placeholder', ' '); 
$(this).css('border-bottom', '2px solid #0e7bfc'); 

}).on('focusout',function(){

 

$(this).prev().animate({opacity:0}, 200); 
$(this).attr('placeholder'); 
$(this).css('border-bottom', '1px solid #b2b2b2'); 

 

})

$('[type=text]').on('focus',function(){

 

 

});

$('[type=text]').on('focus',function(){
if($(this).focus){
$(this).prev().animate({opacity:1}, 700);
$(this).attr('placeholder', ' ');
$(this).css('border-bottom', '2px solid #0e7bfc');
}else{
$(this).prev().animate({opacity:0}, 200);
$(this).attr('placeholder');
$(this).css('border-bottom', '1px solid #b2b2b2');
}
});


이러면 포커스가 빠졋을때는 반응이 없습니다..

$('[type=text]').on('focusin',function(){ //포커스 인

 

 

});

 

$('[type=text]').on('focusout',function(){ //포커스 아웃

 

 

});

 

안에 각 상태일때 원하시는 작업을 넣으시면 될거 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 6
© SIRSOFT
현재 페이지 제일 처음으로