[Javascript] 자바스크립트(JS) - input 창에 focus 이동후 text 선택하기

 

웹페이지에서 Popup창을 열고 input Text 창에 웹페이지 URL을 작성한 뒤에 복사하기 쉽도록 URL 전체를 선택하도록 하는 경우가 있습니다. 이는 제일 먼저 Popup창을 열게 하고 나서 input 창에 focus를 이동하도록 한 뒤에 선택하도록 하면 됩니다.

 

<!-- 팝업 start -->
<div class="common_popup" id="contentPopup">
	<p>Ctrl + C로 아래의 URL을 복사.</p>
    //Foucs 이동후에 onfocus="this.select()" input창 text 선택
	<input type="text" onfocus="this.select()" id="ctrlUrl" value="http://www.naver.com">
	<div>
		<button class="pop_exit">닫기</button>
	</div>
</div>
<!-- 팝업 end -->

<script>
//Popup창 함수
function openModal(){
    $('#contentPopup').css('display','block');
    $("#ctrlUrl").focus();					//input창에 Focus 이동
}
</script>

 

제이쿼리(Jquery)의 포커스 강제이동 함수는 focus()입니다.