Onclick selection of textbox data
2018. 3. 10. 05:06ㆍJavascript/Javascript+jQuery
반응형
JavaScript
<script type="text/javascript">
function select_all()
{
var text_val = document.getElementById('t1');
text_val.focus(); // Focus on textarea
text_val.select();// Select all text
document.execCommand("Copy");
document.getElementById('my_msg').innerHTML=" Text Copied.. <br>Paste by usnig Ctrl + V at right > textarea";
document.getElementById('t2').focus();
}
</script>
HTML
<div class='row'> <div class='col-md-3'>
<form name=form1 method=post action=''>
<textarea name=type id=t1 rows=5 cols=35 onClick="select_all();">This text you can select all by clicking here </textarea>
</form>
</div><div class='col-md-3'>
<div id=my_msg class='bg-info'>Click on left textarea to select and copy text</div>
</div><div class='col-md-3'><textarea id=t2 name=t2 rows=5 cols=35 ></textarea>
</div></div>
반응형
'Javascript > Javascript+jQuery' 카테고리의 다른 글
jQuery checkbox 컨트롤 (0) | 2018.03.21 |
---|---|
체크박스 전체선택,전체해제,선택반전, 체크박스 선택갯수 확인 및 값 확인 (0) | 2018.03.19 |
TEXT to Clipboard on a Button-Click (0) | 2018.03.10 |
텍스트 복사 / 붙여넣기 자바스크립트 (0) | 2018.03.09 |
체크박스 클릭하면 텍스트 입력 필드 복사하기 예제 (0) | 2018.03.05 |