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 相关文章推荐
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
Vuex之理解Mutations的用法实例
Apr 19 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
Jun 04 Javascript
react native带索引的城市列表组件的实例代码
Aug 08 Javascript
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
javascript实现下拉菜单效果
Feb 09 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
德劲1107的电路分析与打磨
2021/03/02 无线电
深入PHP curl参数的详解
2013/06/17 PHP
PHP使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
PHP标准库(PHP SPL)详解
2019/03/16 PHP
Javascript继承机制的设计思想分享
2011/08/28 Javascript
JS trim去空格的最佳实践
2011/10/30 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
JavaScript中的条件判断语句使用详解
2015/06/03 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
学习JavaScript设计模式(多态)
2015/11/25 Javascript
JavaScript实现动态添加Form表单元素的方法示例
2017/08/14 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
2020/02/05 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
Python简易版图书管理系统
2019/08/12 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
18岁生日感言
2014/01/12 职场文书
委托公证书
2014/04/08 职场文书
教师一岗双责责任书
2014/04/16 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
2015初中教导处工作总结
2015/07/21 职场文书
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python