欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery插件创建input选中区域

程序员文章站 2022-07-15 09:12:52
...


jQuery插件创建input选中区域
            
    
    博客分类: Web前端  有图有真相,实际效果。

 

 

/**
 * 创建选中区域
 */
(function($) {
    $.fn.selectRange = function(start, end) {
        return this.each(function() {
            if(this.setSelectionRange) {
                var self = this;
                //fix chrome issue
                window.setTimeout(function() {
                    self.setSelectionRange(start, end);
                }, 0);
            } else if(this.createTextRange) {
                var range = this.createTextRange();
                range.collapse(true);
                range.moveEnd('character', end);
                range.moveStart('character', start);
                range.select();
            }
        });
    };
})(jQuery);

使用方式:
1. dom:
<input type="text" id="name" value="aaaaaa">
2:
var len = $("#name").val().length;
$("#name").selectRange(0, len);

 
 

 

  • jQuery插件创建input选中区域
            
    
    博客分类: Web前端  
  • 大小: 431 Bytes