2つの要素の2つのイベントをjqueryの1つの関数にバインドする方法は？

Question

は例えば、私は2つのイベントがしたい入力テキストとボタン

を持って、button.on

私はそれをどのように行うことができるものと同じ機能にバインドするためにクリックして、KeyEnterPress input.on？

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

Answer 1

呼び出すための関数を作成します。

function myfunc(event){ 
    // some code 
} 

あなたは

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

OR一つだけ（両方ではない上のものをしたい場合に行うことができます）d O：

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

NOTE明確ではないことは、最後には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'); 
}