大家好,又见面了,我是你们的朋友全栈君。
代码如下:
<!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.cn/159649.html原文链接:https://javaforall.cn