검색 툴 엔터키 작동 팁

검색 툴 사용시 검색어 입력 후 엔터키를 이용할 경우 취소키가 작동되어 검색툴이 종료되게 됩니다.

간단하게 검색툴 내부에서 검색 버튼과 취소버튼을 위치만 변경해주시면 엔터키가 검색에 작동됩니다.

 

[변경전]

 

[변경후]

 

 

경로 : /modules/board/skins/board/components/tools.html

 

하단부 script 전 윗줄에 보시면 검색과 취소 버튼이 있습니다 그 순서만 변경해주시면 됩니다.

 

 

추가적으로 검색어 입력 후 검색한 다음 검색창에 남아있는 value 값을 날리고 싶으시다면 검색박스에 id 값을 부여 후 스크립트 내용 하단에 value 값을 날려주는 메솟을 입력해주시면 됩니다.

 

 

ex) 

          <input type="text" name="search_keyword" value="{htmlspecialchars($search_keyword)}" placeholder="검색" class="ed input input-default input-small input-expand" id="searchbox" />
        </div>

        

        <div class="ed flex flex-right rebalance">
          <button type="submit" class="ed button button-content text-bold text-primary">검색</button>
          <button type="submit" id="ed-search-close-btn" class="ed button button-content">취소</button>
        </div>
      </form>
    </div>
  </div>

  <div id="ed-search-bg" class="ed modal-background"></div>
  
</div>

<script>
  jQuery(document).ready(function($) {
    $(function() {
      $("#ed-search-toggle").click(function() {
        $("#ed-search").addClass("on");
    searchbox.value = '';
        return false;
    
      });

      $("#ed-search-bg, #ed-search-close, #ed-search-close-btn").click(function() {
        $("#ed-search").removeClass("on");    
    searchbox.value = '';
        return false;
      });
    });
  });
</script>