[pjaxboard] 검색 버튼 클릭시 자동으로 검색창에 포커스 주기
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
댓글을 작성하려면 로그인이 필요합니다.
아직 댓글이 없어요
이 글에 대한 생각을 가장 먼저 남겨보세요.