jQuery插件创建input选中区域

最新推荐文章于 2019-07-28 19:19:46 发布

原创最新推荐文章于 2019-07-28 19:19:46 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

Web前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个基于jQuery的插件，该插件能够帮助开发者轻松地为输入框元素创建选中区域。通过简单的API调用，即可实现对文本框内文字的精确选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有图有真相，实际效果。

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