input 编辑框 光标 的相关问题
input编辑框 光标 的位置
function set_text_value_position(obj, spos){
var tobj = document.getElementById(obj);
if(spos<0)
spos = tobj.value.length;
if(tobj.setSelectionRange){ //兼容火狐,谷歌
setTimeout(function(){
tobj.setSelectionRange(spos, spos);
tobj.focus();}
,0);
}else if(tobj.createTextRange){ //兼容IE
var rng = tobj.createTextRange();
rng.move('character', spos);
rng.select();
}
}
//调用演示
set_text_value_position('login_div', -1); //设置到末尾
set_text_value_position('login_div', 0); //设置到开头
input编辑框 清除光标
方法一:(只读,焦点)
<input name="rulesNo" readonly="readonly" unselectable="on"/>
方法二:一种是直接设置input的disabled属性。disabled 属性规定应该禁用 input 元素。
<input type="text" disabled="disabled" />
方法三:就是input聚焦时马上让它失去焦点,这样可以规避光标显示了。
$('input[readonly]').on('focus', function() {
$(this).trigger('blur');
});
input编辑框 获取焦点 失去焦点
获取焦点 行内: <input type="text" onfocus="txtfocus()" /> 失去焦点 行内: <input type="text" onBlur="txtblur()">
$("input").focus(function(){
$(this).addClass("bor");
});
$("input").blur(function(){
$(this).removeClass("bor");
});

浙公网安备 33010602011771号