cách liên kết hai sự kiện trên hai thành phần với một hàm trong jquery?

Question

Ví dụ, tôi có một văn bản đầu vào và một nút

Tôi muốn hai sự kiện, button.on bấm và input.on KeyEnterPress để ràng buộc vào một chức năng tương tự

Làm thế nào tôi có thể làm điều đó?

$('#search.onClick OR $searchText.onKeyEnterPress') 

Answer 1

Tạo một hàm để gọi:

function myfunc(event){ 
    // some code 
} 

Bạn có thể làm

$('#search').add($searchText).on('click keyup', myfunc); 

hoặc nếu bạn chỉ muốn những người trên một (không phải cả hai) d o:

$('#search').on('click', myfunc); 
$($searchText).on('keyup', myfunc); 

LƯU Ý Không rõ ràng nếu điều đó cuối cùng là một đối tượng jQuery nhưng nếu như vậy:

$searchText.on('keyup', myfunc); 

Answer 2

đây là phương pháp bạn muốn hay không?

$('.but').on('click keyup',function(){ 
 
\t if (event.which == 13) { 
 
    console.log('1'); 
 
    return; 
 
    } 
 
\t console.log('1'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="text" class="but">

Answer 3

function doOneThing(){ 
    console.log('Do one thing.'); 
} 

$("#search_input").on('keypress', function(e) { 
    if (e.which === 13) { 
     doOneThing(); 
    } 
}); 

$("#search_button").on('click', function(e) { 
    doOneThing(); 
}); 

Answer 4

Tham khảo demo.

Hãy tìm mã dưới đây:

HTML:

<div> 
    <input type="text" id="searchText" placeholder="Type soemthing" /> 
    <br> 
    <br> 
    <button id="search"> 
    Click Me 
    </button> 
</div> 

JS:

$(function() { 
    $('#search').on('click', execute); 
    $('#searchText').on('keyup', execute); 
}); 

function execute() { 
    alert('Event Fired'); 
}