大家好，又见面了，我是你们的朋友全栈君。
代码如下：
<!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
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/159649.html原文链接：https://javaforall.net
