input 编辑框 光标 的相关问题

Posted 2020-10-31 yangqi1209-com

 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");
  });