2017-03-15 6 views
0

나를위한 텍스트를 검색하는 검색 양식이 있습니다. 입력 상자에 입력 할 때 버튼을 수동으로 눌러야 검색 할 수 있습니다. 키보드에서 enter을 누르고 해당 검색을 할 수있는 방법이 있습니까?Clojure 양식 - 입력 할 때 제출

(defn search-form 
    [] 
    [:div 
    [:p "What are you searching for? " 
    [:input 
    {:type :text 
     :name :search 
     :on-change #(swap! fields assoc :search (-> % .-target .-value)) 
     :value (:search @fields)}]] 
    [:input 
    {:type :submit 
    :value :Search 
    :on-click #(do 
       (search-function (:search @fields)))}] 
    [@search-results]]) 

이것은 현재 가지고있는 코드입니다. 보시다시피 search-function으로 전화하려면 버튼을 클릭해야합니다. enter을 눌러서 버튼을 눌러 둘 다 호출 할 수 있기를 원합니다. search-function

도움이 될만한 의견을 보내주십시오. 감사합니다

+3

바깥 쪽 div를': form' 태그에 넣으면'onSubmit' 이벤트를 듣고 필요한 것을 수행 할 수 있습니다. – leetwinski

답변

0

이벤트에 대해 :on-key-down과 같은 것을 시도해 볼 수 있으며, 숫자 13을 찾고 있다고 생각합니다. 나는 문서가 어디에 있는지 확실하지 않지만 reagent-forms에 대한 소스 코드를 읽었을 때 그것을 가로 질렀다. 내가 찾을 수

가장 가까운 문서, here입니다 비록 Enter 키를 명시 적으로 here에 대한 React 테스트합니다.