CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

Contents Management System

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;;

추천한 사람

 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기