让textarea自动调整大小的js代码

更新时间：2011年04月12日 14:22:27 作者：

让textarea自动调整大小的js代码，需要的朋友可以参考下。

 
<!doctype html> 
<html> 
<head> 
<title>自动调整大小的textarea </title> 
<meta charset = "utf-8" /> 
<style type = "text/css"> 
.editable{cursor:text; font-size:13px; color:#003366;width:80px;line-height:20px;height:20px;font-family:Arial;cursor:text;*overflow-y:hidden; } 
</style> 
</head> 
<body> 
<textarea class='editable' onkeydown ="if(event.keyCode==13) return false; " oninput="this.style.height='0px';this.style.height=(this.scrollHeight+'px');" onpropertychange="this.style.height=(this.scrollHeight+'px')" /></textarea> 
</body> 
</html> 

您可能感兴趣的文章:

javascript中Math.random()使用详解
Math.random() 这个方法相信大家都知道，是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random()，以及如何用它来生成制定范围内的随机数。
2015-04-04
JS合并两个数组的3种方法详解
这篇文章主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
基于js的变量提升和函数提升(详解)
下面小编就为大家带来一篇基于js的变量提升和函数提升(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
用javascript添加控件自定义属性解析
这篇文章主要是对用javascript添加控件自定义属性进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
微信小程序中weui用法解析
这篇文章主要介绍了微信小程序中weui用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
JavaScript解析机制与闭包原理实例详解
这篇文章主要介绍了JavaScript解析机制与闭包原理,结合实例形式详细分析了javascript解析机制相关概念、功能、用法以及闭包的原理、定义、使用方法,需要的朋友可以参考下
2019-03-03
详解使用webpack构建多页面应用
这篇文章主要介绍了详解使用webpack构建多页面应用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-12-12
JS中事件冒泡和事件捕获介绍
这篇文章主要为大家详细介绍了JS中事件冒泡和事件捕获的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
ES6中async函数与await表达式的基本用法举例
async和await是我们进行Promise时的一个语法糖,async/await为了让我们书写代码时更加流畅,增强了代码的可读性,下面这篇文章主要给大家介绍了关于ES6中async函数与await表达式的基本用法,需要的朋友可以参考下
2022-07-07
JavaScript累加、迭代、穷举、递归等常用算法实例小结
这篇文章主要介绍了JavaScript累加、迭代、穷举、递归等常用算法,结合实例形式分析了javascript累加、迭代、递推、穷举等算法的相关实现技巧与注意事项,需要的朋友可以参考下
2018-05-05