본문 바로가기

Computer/Etc

jquery 이용해서 inputbox 커서 및 포커스 설정

<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이 지워지고 새로운 내용을 넣을 수 있게 된다.


태그