2016-08-10 1 views
0

나는이 포럼에서이 질문에 대한 비슷한 게시물을 찾지 않으려 고 노력했습니다. angleJS를 사용하여 응용 프로그램에 제출할 텍스트 영역과 단추로 구성된 간단한 양식이 있습니다. 그것은 잘 작동합니다. 그러나 제출을 누르면 텍스트 영역의 초점이 느슨해져 키보드가 사라지고 텍스트 영역을 눌러 다시 표시됩니다. 제출을 눌러도 계속 표시하고 싶습니다.소프트 키보드를 풀지 말고 양식 제출

답변

0

focusout 이벤트에 처리기를 연결하고 해당 처리기 내에 textarea을 집중시킬 수 있습니다. 당신이 button을 클릭 할 경우에만 textarea에 다시 초점을 맞출 경우

, 당신은 대신 buttonclick 이벤트에 핸들러를 첨부 할 수 있습니다.

//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>

+0

그것은 마법처럼 작동합니다 자바 스크립트를 필요로하지 않는 다른 옵션이있는 경우 D 궁금 해서요? – Tekerson

+0

폼 범위를 벗어난다면 키보드를 숨길 수 없다는 것을 깨달았습니다. – Tekerson

+0

핸들러를'textarea'의'onfocusout' propertydirectly html''. 그래도 여전히 자바 스크립트이고 js 파일에 자바 스크립트 코드를 보관하는 것이 좋습니다. – Ozan

0

첫 번째 옵션 그냥 이것을 사용, 당신이 사용할 수있는 HTML5 자동 초점 속성 예를 들어

:

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

이 코드가 작동하지 않으면이 작업을 수행 맡은 일. 두 번째 옵션

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

끝나면 답장 해주세요. 감사 –

관련 문제