728x90
300x250
SMALL
$('.searchbox').on('focus', function(){
if ($(this).val() !== '') {
$(this).parent('.searchWrap').addClass('active').attr('tabindex','0');
}
}).on('input', function(){
$(this).parent('.searchWrap').addClass('active').attr('tabindex','0');
})
$('.searchWrap').on('mouseleave touchmove', function(){
$(this).removeClass('active').removeAttr('tabindex');
});
$('.ico-inputClear').on('click', function() {
$(this).siblings('.searchbox').val('').focus();
$(this).parent().removeClass('active').removeAttr('tabindex');
});
728x90
반응형
LIST
'javaScript > jQuery' 카테고리의 다른 글
부모 좌표 노드 구하기 offsetParent() (0) | 2023.03.24 |
---|---|
jQuery custom event 사용자 정의 (0) | 2023.03.18 |
jQuery 사용자 정의 이벤트2- 비공개 (0) | 2023.03.16 |
trigger 버튼 클릭 없이 이벤트 발생 시키기 (0) | 2023.03.14 |
[jQuery] event.target와 this의 차이 + 이벤트 위임 예시 (0) | 2023.03.12 |
댓글