夏日博客

A-A+

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

2016年01月07日 前端设计 暂无评论 阅读 8 views 次

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

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

  1. //光标放在最后 $("#文本框ID").textFocus();光标放在第二个字符后面 $("#文本框ID").textFocus(2);  
  2. (function($){  
  3.     $.fn.textFocus=function(v){  
  4.         var range,len,v=v===undefined?0:parseInt(v);  
  5.         this.each(function(){  
  6.             if($.browser.msie){  
  7.                 range=this.createTextRange();  
  8.                 v===0?range.collapse(false):range.move("character",v);  
  9.                 range.select();  
  10.             }else{  
  11.                 len=this.value.length;  
  12.                 v===0?this.setSelectionRange(len,len):this.setSelectionRange(v,v);  
  13.             }  
  14.             this.focus();  
  15.         });  
  16.         return this;  
  17.     }  
  18. })(jQuery);  

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

  1. var t=$(“#”+id).val();  
  2. $(“#”+id).val(“”).focus().val(t);  
标签：

给我留言