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

原文地址：https://www.cnblogs.com/yangqi1209-com/p/8822669.html