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


Posted in Javascript onAugust 17, 2015

本文实例讲述了JS模仿编辑器实时改变文本框宽度和高度大小的方法。分享给大家供大家参考。具体如下:

这里演示JS模仿编辑器中实时改变文本框大小,包括宽度和高度的方法,在一些在线编辑器,比如eWebEditor中,就有一个功能,让文本框不断的增大或减小,以适应页面的大小,这个功能是如何实现的呢?请您参考一下这个程序,相信你会从中获益。

运行效果截图如下:

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

在线演示地址如下:

具体代码如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
javascript比较文档位置
Apr 08 Javascript
监控 url fragment变化的js代码
Apr 19 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
js使用post 方式打开新窗口
Feb 26 Javascript
通过伪协议解决父页面与iframe页面通信的问题
Apr 05 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
Apr 25 Javascript
Vue实现PC端靠边悬浮球的代码
May 09 Javascript
详细分析Node.js 模块系统
Jun 28 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 #Javascript
js实现表单Radio切换效果的方法
Aug 17 #Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 #Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 #Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
Aug 17 #Javascript
jquery实现动静态条形统计图
Aug 17 #Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 #Javascript
You might like
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
PHP初学者头疼问题总结
2006/10/09 PHP
php在线打包程序源码
2008/07/27 PHP
php教程之phpize使用方法
2014/02/12 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
php实现比较全的数据库操作类
2015/06/18 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
JavaScript入门教程(12) js对象化编程
2009/01/31 Javascript
Raphael带文本标签可拖动的图形实现代码
2013/02/20 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
2013/11/04 Javascript
javascript通过元素id和name直接取得元素的方法
2015/04/28 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
express默认日志组件morgan的方法
2018/04/05 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
JS回调函数深入理解
2019/10/16 Javascript
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
python中管道用法入门实例
2015/06/04 Python
python回调函数中使用多线程的方法
2017/12/25 Python
python图像处理入门(一)
2019/04/04 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
几道Web/Ajax的面试题
2016/11/05 面试题
人力资源管理专业应届生求职信
2013/09/28 职场文书
党员公开承诺书
2014/03/25 职场文书
法人委托书范本
2014/09/15 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
党支部培养考察意见
2015/06/02 职场文书
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js