让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>

相关文章

  • 如何实现表格中行点击时的渐扩效果!

    如何实现表格中行点击时的渐扩效果!

    如何实现表格中行点击时的渐扩效果!...
    2007-01-01
  • js跨浏览器实现将字符串转化为xml对象的方法

    js跨浏览器实现将字符串转化为xml对象的方法

    将字符串转化为xml对象需要注意的是该死的ie多版本的问题,具体实现如下,感兴趣的朋友不妨参考下本文,希望对大家有所帮助
    2013-09-09
  • javascript cookies操作集合

    javascript cookies操作集合

    因为最近要控制广告,所以从绿盟与脚本之家页面上,整理了一些cookies的操作控制代码,喜欢的朋友不容错过。
    2010-04-04
  • js表达式计算器代码

    js表达式计算器代码

    js表达式计算器代码,需要的朋友可以参考下。
    2011-10-10
  • 鼠标划过实现延迟加载并隐藏层的js代码

    鼠标划过实现延迟加载并隐藏层的js代码

    鼠标划过延迟加载隐藏层的效果,想必大家都有见到过吧,在本文将为大家详细介绍下使用js是如何实现的,感兴趣的朋友可以参考下
    2013-10-10
  • js实现两个值相加alert出来精确到指定位

    js实现两个值相加alert出来精确到指定位

    两个值相加精确指定位数在alert出来,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-09-09
  • js实现简洁的TAB滑动门效果代码

    js实现简洁的TAB滑动门效果代码

    这篇文章主要介绍了js实现简洁的TAB滑动门效果代码,通过简单的JavaScript自定义函数动态遍历页面元素实现tab滑动切换的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • js插件YprogressBar实现漂亮的进度条效果

    js插件YprogressBar实现漂亮的进度条效果

    ProgressBar.js 是一个借助动态 SVG 路径的漂亮的,响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条,圆形和方形等几个内置的形状,但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。
    2015-04-04
  • 移动端吸顶fixbar的解决方案详解

    移动端吸顶fixbar的解决方案详解

    这篇文章主要介绍了移动端吸顶fixbar的解决方案详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • 基于JavaScript实现新年贺卡特效

    基于JavaScript实现新年贺卡特效

    本文介绍了一款超级炫酷的2022新年快乐html网页特效,霓虹的城市夜景和绚烂的烟花很是特别,该html页面还有交互效果,点击鼠标就会呈现烟花绽放的特效。需要的可以参考一下
    2022-01-01

最新评论