码迷,mamicode.com
首页 > 移动开发 > 详细

JQUERY实现点击INPUT使光标移动到最后或指定位置

时间:2018-01-07 15:58:38      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:extra   undefined   value   fun   gpo   简单   sel   .text   character   

下面本文章给大家简单介绍一下JQUERY实现点击INPUT使光标移动到最后或指定位置例子,希望对各位有帮助,你要知道面对一个 处女座的 需求者, focus()是远远不够的,比如说“我点进去的时候光标要在最后,这样我就不用再把光标移动到最后去添加东西了。”,oh,让我先撞下墙。

我们需要扩展jQuery,代码如下:

//光标放在最后 $("#文本框ID").textFocus();光标放在第二个字符后面 $("#文本框ID").textFocus(2);  
(function($){  
    $.fn.textFocus=function(v){  
        var range,len,v=v===undefined?0:parseInt(v);  
        this.each(function(){  
            if($.browser.msie){  
                range=this.createTextRange();  
                v===0?range.collapse(false):range.move("character",v);  
                range.select();  
            }else{  
                len=this.value.length;  
                v===0?this.setSelectionRange(len,len):this.setSelectionRange(v,v);  
            }  
            this.focus();  
        });  
        return this;  
    }  
})(jQuery);

另一种简单的方法,代码如下:

    var t=$(“#”+id).val();  
    $(“#”+id).val(“”).focus().val(t);  

 

JQUERY实现点击INPUT使光标移动到最后或指定位置

标签:extra   undefined   value   fun   gpo   简单   sel   .text   character   

原文地址:https://www.cnblogs.com/catgatp/p/8227960.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!