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 相关文章推荐
JS 控制CSS样式表
Aug 20 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
Jul 26 Javascript
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
Apr 18 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
Javascript刷新窗口方法小结
Oct 21 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
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
php分页函数完整实例代码
2014/09/22 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
2017/07/17 Javascript
iscroll实现下拉刷新功能
2017/07/18 Javascript
详解angularjs 学习之 scope作用域
2018/01/15 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
Vue组件通信中非父子组件传值知识点总结
2019/12/05 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
python实现人人网登录示例分享
2014/01/19 Python
Python自动发邮件脚本
2017/03/31 Python
Python搜索引擎实现原理和方法
2017/11/27 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
python实现顺时针打印矩阵
2019/03/02 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
viagogo波兰票务平台:演唱会、体育比赛、戏剧门票
2018/04/23 全球购物
美国Max仓库:Max Warehouse
2020/05/31 全球购物
Roxy俄罗斯官方网站:冲浪和滑雪板的一切
2020/06/20 全球购物
毕业生优秀推荐信
2013/11/26 职场文书
触电现场处置方案
2014/05/14 职场文书
安全口号大全
2014/06/21 职场文书
大学生找工作求职信
2014/07/09 职场文书
党章培训心得体会
2014/09/04 职场文书
授权收款委托书
2014/09/23 职场文书
贵阳市党的群众路线教育实践活动党(工)委领导班子整改方案
2014/10/26 职场文书
2014年公路养护工作总结
2014/12/04 职场文书
电视新闻稿
2015/07/17 职场文书