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 相关文章推荐
javascript之dhDataGrid Ver2.0.0代码
Jul 01 Javascript
关于Javascript与iframe的那些事儿
Jul 04 Javascript
关于jquery的多个选择器的使用示例
Oct 18 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
jQuery对下拉框,单选框,多选框的操作
Feb 21 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
浅谈jquery中delegate()与live()
Jun 22 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
javascript 函数的暂停和恢复实例详解
Apr 25 Javascript
VUE使用axios调用后台API接口的方法
Aug 03 Javascript
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 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学习之PHP表达式
2006/10/09 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
Laravel框架实现超简单的分页效果示例
2019/02/08 PHP
JQuery里选择超链接的实现代码
2011/05/22 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
2012/07/17 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
2016/12/08 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
2018/07/26 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
[07:27]DOTA2卡尔工作室 英雄介绍水晶室女篇
2013/06/21 DOTA
Python操作MongoDB数据库PyMongo库使用方法
2015/04/27 Python
python http接口自动化脚本详解
2018/01/02 Python
Python构建图像分类识别器的方法
2019/01/12 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
Python OpenCV调用摄像头检测人脸并截图
2020/08/20 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
CSS3 文字动画效果
2020/11/12 HTML / CSS
html5实现微信打飞机游戏
2014/03/27 HTML / CSS
德国苹果商店:MacTrade
2020/05/18 全球购物
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
介绍一下Ruby的多线程处理
2013/02/01 面试题
艺术应用与设计个人的自我评价
2013/11/23 职场文书
心碎乌托邦的创业计划书范文
2013/12/26 职场文书
外贸专业求职信
2014/03/09 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
借条格式范本
2015/05/25 职场文书
python的html标准库
2022/04/29 Python