大家好,又见面了,我是你们的朋友全栈君。
代码如下:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
<script type=”text/javascript” src=”jquery-1.7.1.min.js”></script>
<style>
body { background:#fff; }
textarea {width:300px; min-height:60px; overflow:hidden; resize:none;}
</style>
<script>
$(function(){
$.fn.autoHeight = function(){
function autoHeight(elem){
elem.style.height = ‘auto’;
elem.scrollTop = 0; //防抖动
elem.style.height = elem.scrollHeight + ‘px’;
}
this.each(function(){
autoHeight(this);
$(this).on(‘keyup propertychange’, function(){
autoHeight(this);
});
});
}
$(‘textarea[autoHeight]’).autoHeight();
});
</script>
</head>
<body>
<div><textarea autoHeight=”true”>textarea</textarea></div>
</body>
</html>
在IE下报Stack overflow,主要是触发事件造成死循环
解决的一种方案 :http://blog.csdn.net/lijunlinlijunlin/article/details/51139870
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/159649.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...