JS如何实现文本框随文本的长度而增长


Posted in Javascript onJuly 30, 2015

本文实例讲述了JS实现文本框随文本的长度而增长的方法,具体实现方法如下:

<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">
<html>
<head>
<title>文本框随文本的宽度而增长</title>
</head>
<script type="text/javascript">
function changeInputlength(cursor)
{
var getcount=document.getElementById("countFont");
var getText=document.getElementById("text");
getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>';
cursor.size=getText.value.length+2;
}
</script>
<body>
<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>
<span id="countFont"></span>
</body>

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

Javascript 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
jquery ready函数源代码研究
Dec 06 Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
Jquery遍历节点的方法小集
Jan 22 Javascript
jQuery中hasClass()方法用法实例
Jan 06 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
May 10 Javascript
javascript简易画板开发
Apr 12 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
angularjs中使用ng-bind-html和ng-include的实例
Apr 28 Javascript
js实现旋转的星空效果
Nov 01 Javascript
js实现石头剪刀布游戏
Oct 11 Javascript
js代码实现随机颜色的小方块
Jul 30 #Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 #Javascript
javascript设计模式之对象工厂函数与构造函数详解
Jul 30 #Javascript
js判断浏览器类型及设备(移动页面开发)
Jul 30 #Javascript
javascript中if和switch,==和===详解
Jul 30 #Javascript
用javascript实现自动输出网页文本
Jul 30 #Javascript
理解javascript中的原型和原型链
Jul 30 #Javascript
You might like
php函数指定默认值方法的小例子
2013/12/04 PHP
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
Yii+MYSQL锁表防止并发情况下重复数据的方法
2016/07/14 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
json实现添加、遍历与删除属性的方法
2016/06/17 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
2018/09/19 Javascript
详解Nodejs get获取远程服务器接口数据
2019/03/26 NodeJs
Python魔术方法详解
2015/02/14 Python
Python中AND、OR的一个使用小技巧
2015/02/18 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
Pytorch 搭建分类回归神经网络并用GPU进行加速的例子
2020/01/09 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
Python while true实现爬虫定时任务
2020/06/08 Python
CSS3中Color的一些特性介绍
2012/05/27 HTML / CSS
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
倩碧英国官网:Clinique英国
2018/08/10 全球购物
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
留学生如何写好自荐信
2013/12/27 职场文书
教师求职信怎么写
2015/03/20 职场文书
物业项目经理岗位职责
2015/04/01 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python