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 相关文章推荐
JS运行耗时操作的延时显示方法
Nov 19 Javascript
JS 控制小数位数的实现代码
Aug 02 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
jQuery中toggleClass()方法用法实例
Jan 05 Javascript
JavaScript获取两个数组交集的方法
Jun 09 Javascript
javascript基于原型链的继承及call和apply函数用法分析
Dec 15 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
Mar 04 Javascript
js轮播图的插件化封装详解
Jul 17 Javascript
判断滚动条滑到底部触发事件(实例讲解)
Nov 15 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
vue3使用vue-count-to组件的实现
Dec 25 Vue.js
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设计模式 Template (模板模式)
2011/06/26 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
Laravel模型间关系设置分表的方法示例
2018/04/21 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
JavaScript设置首页和收藏页面的小例子
2013/11/11 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
jQuery子属性过滤选择器用法分析
2015/02/10 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
javascript 网页进度条简单实例
2017/02/22 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
python中from module import * 的一个坑
2014/07/20 Python
django的登录注册系统的示例代码
2018/05/14 Python
详解如何为eclipse安装合适版本的python插件pydev
2018/11/04 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
Python Selenium 之关闭窗口close与quit的方法
2019/02/13 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
python中逻辑与或(and、or)和按位与或异或(&amp;、|、^)区别
2020/08/05 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
九年级化学教学反思
2014/01/28 职场文书
总经理岗位职责描述
2014/02/08 职场文书
公司成本主管岗位责任制
2014/02/21 职场文书
解析原生JS getComputedStyle
2021/05/25 Javascript
Python实现归一化算法详情
2022/03/18 Python
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers