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 获取链接(url)参数的方法[正则与截取字符串]
Feb 09 Javascript
js日期相关函数总结分享
Oct 15 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
Oct 29 Javascript
js树插件zTree获取所有选中节点数据的方法
Jan 28 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
Dec 14 Javascript
react build 后打包发布总结
Aug 24 Javascript
使用vue.js在页面内组件监听scroll事件的方法
Sep 11 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
vue实现简单瀑布流布局
May 28 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
深入apache host的配置详解
2013/06/09 PHP
PHP禁止个别IP访问网站
2013/10/30 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
PHP实现微信发红包程序
2015/08/24 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
Javascript学习笔记二 之 变量
2010/12/15 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
2018/07/12 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
Python通过future处理并发问题
2017/10/17 Python
解决PySide+Python子线程更新UI线程的问题
2019/01/11 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
python框架django项目部署相关知识详解
2019/11/04 Python
Python time库基本使用方法分析
2019/12/13 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
Python爬虫代理池搭建的方法步骤
2020/09/28 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
金融专业推荐信
2013/11/14 职场文书
农行心得体会
2014/09/02 职场文书
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
科技活动周标语
2014/10/08 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
运动会加油稿50字
2015/07/21 职场文书
写给同事的离职感言
2015/08/04 职场文书
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python