jQuery插件创设input选中区域

jQuery插件创建input选中区域


jQuery插件创设input选中区域有图有真相,实际效果。

 

 

/**
 * 创建选中区域
 */
(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);