Enterキーでhtmlテキストボックスを更新しないようにするにはどうすればよいですか？

Question

私はちょうどEnterキーを押したときに私のHTMLテキストボックスが爽やかにならないようにすることができます。

<div id="topSearchBox"> 
    <input id="Text1" type="text" value="search..."/> 
    <img id="topSearchBoxIcon" alt="search buttom" src="~Images/Search-32x32.png" width="18px" height="18px" /> 
</div> 

私は他のことをするように指示するスクリプトを用意していますが、スクリプトが完了した後でも、ページを更新します。

$(document).keyup(function (e) { 
     if (e.keyCode == 13) { // enter 
      Search(); 
     } 
    }); 

私はちょっと読んだことがありますが、何も動作していないようです。

Answer 1

デフォルトのイベント（送信）を停止するイベントではfalseを返します。これは、送信イベントがトリガーされていることを前提としています。

$(document).keyup(function (e) { 
    if (e.keyCode == 13) { // enter 
     Search(); 
     return false; //this will stop the default event triggering 
    } 
}); 

また、フォームの外に置くこともできます（内部にある場合）。

注 - イベントを入力に直接バインドした方がよい場合もあります。私はよく理解した場合

$('#Text1').keyup(); 

Answer 2

$(document).keyup(function (e) { 
    if (e.keyCode == 13) { // enter 
    Search(); 
    return false; //you can also say e.preventDefault(); 
    } 
}); 

Answer 3

、多分ページ更新あなたは、提出入力（またはボタン）を持っている可能性があるため、テキスト入力フィールドにした後、あなたが入力したキーを打つときに、あなたはまた、フォーム自体を送信します。

は、私はここでそれに答えている

$(document).keyup(function (e) { 
    if (e.keyCode == 13) { // enter 
     e.stopPropagation(); 
     Search(); 
    } 
}) 

Answer 4

とイベントの伝播を停止してみてください。 https://stackoverflow.com/a/16016122/1047337 フォーム内にテキストボックスが1つしかないことです。