본문 바로가기

[pjaxboard] 검색 버튼 클릭시 자동으로 검색창에 포커스 주기

이온디 2017.07.03 12:41 조회 418 댓글 0
목록

pjaxboard 스킨에서 상단 검색 버튼을 클릭시 자동으로 검색창에 포커스를 주는 팁입니다.

// pjaxboard 검색
 $('a.trigger-search').on('mouseleave',function(){
$("input[name=search_keyword]").focus();
 });


click 이벤트로 주려니, 클릭 동작의 포커스와 충돌하는 문제 때문에 mouseleave로 깔끔하게 성공했습니다.


참조 : https://vnthf.github.io/blog/jquery-focusout%EA%B3%BCclick-event%EC%B6%A9%EB%8F%8C/


jQuery(function ($) {
    $('a.trigger-search').on('mouseover',function(){
        searchfocus = true;
 if(searchfocus){
            $("input[name=search_keyword]").focus().css('border','1px solid red');
 }
    });
 $("a.trigger-search").on('mouseleave', function(){
        searchfocus = false;
 if(!searchfocus){
            $("input[name=search_keyword]").focus().css('border','1px solid green');
 }
    });
})


그런데 목록버튼 클릭했다가 다시 검색버튼 누르면 동작하지 않네요 @_@a;;

무료 자료

XE → 라이믹스 이전 체크리스트

옮기기 전에 확인할 것, 이전 중 자주 터지는 오류, 옮긴 뒤 손봐야 하는 것을 순서대로 정리했습니다.

댓글 0

아직 댓글이 없어요

이 글에 대한 생각을 가장 먼저 남겨보세요.

댓글을 작성하려면 로그인이 필요합니다.