当前位置：首页 > 资讯 > 技术文档

JS模仿编辑器实时改变文本框宽度和高度大小的方法

时间：2020-09-30 22:57 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS模仿编辑器实时改变文本框宽度和高度大小的方法

本文实例讲述了JS模仿编辑器实时改变文本框宽度和高度大小的方法。分享给大家供大家参考。具体如下：这里演示JS模仿编辑器中实时改变文本框大小，包括宽度和高度的方法，在一些在线编辑器，比如eWebEditor中，就有一个功能，让文本框不断的增大或减小，以适应页面的大小，这个功能是如何实现的呢？请您参考一下这个程序，相信你会从中获益。运行效果截图如下： [img]http://files.jb51.net/file_images/article/201508/2015817164128136.jpg?2015717164149[/img] 在线演示地址如下： [url=http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/]http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/[/url] 具体代码如下：

<html>
<head>
<title>改变文字区域的高宽</title>
<script language="javascript">
<!--
 function addrows(){
  rows = form1.txt.rows;
  rows++;
  form1.txt.rows = rows;
 }
 function addcols(){
  cols = form1.txt.cols;
  cols++;
  form1.txt.cols = cols;
 }
//-->
</script>
</head>
<body>
<form name="form1">
 <textarea name="txt"></textarea>
 <input type="button" value="增加高" onClick="addrows()">
 <input type="button" value="增加宽" onClick="addcols()">
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

全部评论(0)

上一篇：文件上传插件SWFUpload的使用指南
下一篇：BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)

资讯排行榜
更多>>