2013-05-07 3 views
1

제출 전에 필사적 인 늦은 밤 코딩.JQuery를 클릭하여 다른 클래스를 입력하십시오.

두 개의 다른 클래스 이름을 가진 두 개의 HTML 객체가 있는데, 서로 다른 actionlisteners를 사용하여 같은 이벤트를 바인딩하려고합니다.

내가 클릭의 버튼을 처리하기 위해 관리했습니다
<form class="form-wrapper cf" action =""> 
    <input id="searchInput" type="text" placeholder="Search for Sets or Cards" required> 
    <button class="searchButton" type="button">Search</button> 
</form> 

, 그리고 "의"설명서를 읽고 난 당신 같은 클래스에 리스너를 여러 개 결합 할 수있는 것을 알 수있다. 그러나 나는 또한 그것이 가능한 키 업을 할 수 있는지 알아낼 수 없습니다.

$(".searchButton").on("click" ,function(){ 
+5

'CSTE 연구진 ('의 keyup 클릭'funciton() {' – elclanrs

+0

가능한 중복 http://stackoverflow.com/questions/8608145/jquery-on-method-with-multiple-event-handlers-to- one-selector –

+0

@MarkWalters : 질문이 취소되었습니다. 두 명의 청취자, 같은 사건, 다른 물건을 찾고 있습니다. 그는 여러 이벤트, 하나의 대상, 동일한 청취자를 가지고 있습니다. 그렇지 않습니다. – user1870954

답변

7

이 시도 :

$('.searchButton, #searchInput').on('click keyup' ,function(){ 
+0

그것은 매력 (감사)을했다. 내가 기대했던 것보다 훨씬 쉬웠다. 리턴 키 업 (return keyup)에서 서버에 충돌하게 만들려고했지만, 이것은 훨씬 섹시합니다. 많은 하트 – user1870954

1

이 작업을 수행 할 수 있습니다

$(".form-wrapper").on("click keyup", ".searchButton",function(){ 
    // Your code here 
}); 
1

는이 같은 뭔가를 찾고 계십니까

$(document).on("click keyup",".searchButton" ,function(){ 
관련 문제