2017-02-06 7 views
2

今は、ユーザーが入力ボックスの横にあるボタンをクリックすると、この関数が実行されます。ユーザーが入力をクリックするか、ユーザーがボタンをクリックすると、それをどのように実行させることができますか。ユーザーがEnterキーを押したときに入力ボックスが関数を実行する方法はありますか?

ここ

は私が現在使用しているコードです:

<input id="input" type="text"> 
<button onclick="exampleFunction()">Run Function</button> 

答えて

2

をあなたはjQueryのを持っている場合は、submitハンドラに関数をバインドし、次のように:

$("#myForm").submit(function(ev){ 
 
    ev.preventDefault(); 
 
    myFunction(); 
 
});

また、keypressイベントに関数をバインドすることもできます。

$('#textbox').keypress(function(event){ 
 

 
\t var keycode = (event.keyCode ? event.keyCode : event.which); 
 
\t if(keycode == '13'){ 
 
\t \t doStuff(); 
 
\t } 
 

 
});

のjQueryを使用するには、単に任意のJavaScriptを前にこのコードを含める:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

も参照してください:http://www.mkyong.com/jquery/how-to-check-if-an-enter-key-is-pressed-with-jquery/

+0

私はjQueryのを持っているし、悲しいこと見当がつかないませんどのようにそれを使用する.. – Tler

+0

@トラはちょうど私の答えを更新しました、またjquery.comを参照してください –

+0

それはありがとう、ありがとう:D – Tler

関連する問題