如何將兩個元素上的兩個事件綁定到jQuery中的一個函數？

Question

例如，我有一個輸入文本和一個按鈕

我想兩個事件，button.on點擊input.on KeyEnterPress綁定到一個相同的功能

我怎樣才能做到這一點？

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

Answer 1

創建一個函數調用：

function myfunc(event){ 
    // some code 
} 

你可以做

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

或者如果你只希望那些在一個（不是兩個）d ○：

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

注意如果最後是一個jQuery對象尚不清楚，但如果是這樣：

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

Answer 2

這是您要不要的方法？

$('.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

參考demo。

請找到下面的代碼：

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'); 
}