Computer/Etc
jquery 이용해서 inputbox 커서 및 포커스 설정
hexists
2015. 8. 27. 17:53
<script type="text/javascript">$is_selected = false;$(document).ready(function(){ $("#q_input").focus(); });$('#q_input').focus(function(){if($is_selected == false) {this.selectionStart = this.selectionEnd = this.value.length;}else {$is_selected = false;};});$("body").keydown(function(e) {if((!((37 <= e.which && e.which <= 40) || e.which == 32|| e.which == 8)) && $is_selected == false) {$("#q_input").select();$is_selected = true;}});$("#query_input").focusout(function() {if($is_selected == true) {$is_selected = false;};});</script>;- 일단 입력 후에는 input의 마지막에 커서가 있다.- 스페이스, 화살표, 백스페이스를 입력하면 input내에서 커서가 이동한다.- 다른 키를 입력하면 input이 지워지고 새로운 내용을 넣을 수 있게 된다.