前端JS

原创于 2018-01-04 17:14:35 发布 · 207 阅读

CC 4.0 BY-SA版权

本文介绍了一种实现Textarea高度自适应增加的方法，并提供了一个简单的JavaScript函数来完成这一功能。此外，还介绍了一个用于替换字符串模板的实用函数，通过正则表达式匹配并替换模板字符串中的占位符。

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

	  textarea高度自增

用法 $("textarea").txtaAutoHeight();

	    $.fn.extend({
            txtaAutoHeight: function () {
                return this.each(function () {
                    var $this = $(this);
                    if (!$this.attr('initAttrH')) {
                        $this.attr('initAttrH', $this.outerHeight());
                    }
                    setAutoHeight(this).on('input', function () {
                        setAutoHeight(this);
                    });
                });
                function setAutoHeight(elem) {
                    var $obj = $(elem);
                    return $obj.css({ height: $obj.attr('initAttrH'), 'overflow-y': 'hidden' }).height(elem.scrollHeight);
                }
            }
        });

JS替换模板

function replace_tmp(tmp_str,data){
	var reg=new RegExp("~(.*?)~","g");
	tmp_str=tmp_str.replace(reg,function(a,b){
		if(typeof(data[b])=='undefined'  || !data[b] || data[b]=='undefined'){
			return "";
		}
		return data[b]; });
	return tmp_str;
}