js案例01-設置光標到指定input
代碼如下
<body>
<input type="text" name="username" value="litong" />
<input type="text" name="password" value="00000000" />
<input type="button" onclick="change('username')">
<input type="button" onclick="change('password')">
</body>
<script>
function change(name) {
var input = document.getElementsByName(name)[0];
if(input.setSelectionRange) {
input.focus();
input.setSelectionRange(0, input.value.length);
} else if(ctrl.createTextRange) { //兼容IE 瀏覽器
var range = ctrl.createTextRange();
range.collapse(true);
range.moveStart('character', 0);
range.moveEnd('character', input.value.length);
range.select();
}
}
</script>
input.focus();
文本域獲取焦點
input.valute.length
獲取input=text中value值得長度,如果有七個英文字母則返回7
input.setSelectionRange(0, input.value.length);
設置框內光標選擇區域,這裏是從一個位置到最後一個位置,就是全選,全選如下圖
兼容IE 瀏覽器的代碼大致也是這個意思
