ソフトキーボードを紛失することなくフォームを送信

Question

私はフォーラム内でこの質問に似た記事を見つけようとしています。私は、textareaと、angleJSを使ってアプリケーションに提出するボタンで構成される単純なフォームを持っています。それはうまく動作します。しかし、私がsubmitを押すと、テキストエリアのフォーカスが失われてキーボードが消え、テキストエリアを押すと再び表示されます。私は提出を押してもそれを見せておきたい。

Answer 1

focusoutイベントにハンドラをアタッチして、そのハンドラ内にtextareaをフォーカスすることができます。

buttonがクリックされたときにのみtextareaにフォーカスしたい場合は、ハンドラーをbuttonのclickイベントに代わって割り当てることができます。

//This will prevent textarea from being focused out 
 
//$("textarea").on("focus", function(e) { 
 
// $(this).focus(); 
 
//}); 
 

 
$("button").on("click", function(e) { 
 
    $("textarea").focus(); 
 
});

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

 
<textarea></textarea> 
 
<button>Submit</button>

Answer 2

まずオプションただ、これを使用するには、使用することができ、HTML5オートフォーカス属性の例については

：

<input type="text" name="name" autofocus="autofocus" id="yourtextboxid" /> 

このコードは動作しますされていない場合、これを行いますもの。 番目のオプション

 $(document).ready(function() { 
     $('#yourtextboxid').attr("autofocus","autofocus"); 
    }