当前位置: 代码迷 >> Web前端 >> jQuery插件创设input选中区域
  详细解决方案

jQuery插件创设input选中区域

热度:292   发布时间:2013-08-09 15:16:24.0
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);

?
?

?

  相关解决方案