easyui textbox多行文本输入框高度根据内容伸缩

  1. 直接上代码
     
    function makeTextArea(fromId){
    	//查找所有textare 方法  添加自适应
    	$("#"+fromId).find('textarea').each(function(index) {
    		//获取ID属性 IE 不支持attachEvent 写法
    		makeExpandingAreaIE(this);
    	});
    }
    
    function makeExpandingAreaIE(el){
    	var setStyle = function(el) {
    		el.style.height = 'auto';
    		el.style.height = el.scrollHeight + 'px';
    		//@Description 设置控件高度属性和textarea一致,避免游览器窗口大小变动时,输入框高度被easyui自动重置的问题 wangwq 2019/5/6 15:49
    		$("input#"+$(el).next().attr("name")).textbox("options").height=el.style.height;
    		$(el).parent("span").css("height",el.style.height);
    		$(el).css({"overflow-y":"hidden","padding-top":2});
    		// console.log(el.scrollHeight);
    	}  
    	var delayedResize = function(el) {  
    		window.setTimeout(function() {  
    				setStyle(el)  
    			},  
    			0);  
    	}  
    	if (el.addEventListener) {  
    		el.addEventListener('input', function() {  
    			setStyle(el)  
    		}, false);  
    		setStyle(el)  
    	}  else if (el.attachEvent) {  
    		el.addEventListener('onpropertychange', function() {  
    			setStyle(el)  
    		});  
    		setStyle(el)  
    	}    
    	if (window.VBArray && window.addEventListener) { //IE9  
    		el.addEventListener("onkeydown", function() {  
    			var key = window.event.keyCode;  
    			if (key == 8 || key == 46) delayedResize(el);  
    
    		});  
    		el.addEventListener("oncut", function() {  
    			delayedResize(el);  
    		}); //处理粘贴  
    	}  
    }

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值