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 原型与继承说明
Jun 09 Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 Javascript
jquery multiSelect 多选下拉框
Jul 09 Javascript
基于jQuery的message插件实现右下角弹出消息框
Jan 11 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
jQuery学习笔记之基础中的基础
Jan 19 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
JS实现排行榜文字向上滚动轮播效果
Nov 26 Javascript
nuxt 实现在其它js文件中使用store的方式
Nov 05 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
德劲1104的电路分析与改良
2021/03/01 无线电
PHP 如何向 MySQL 发送数据
2006/10/09 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
javascript 正则表达式相关应介绍
2012/11/27 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
2015/12/03 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
利用原生JavaScript实现造日历轮子实例代码
2019/05/08 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
python中map()与zip()操作方法
2016/02/27 Python
Python实现读取及写入csv文件的方法示例
2018/01/12 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
python爬虫租房信息在地图上显示的方法
2019/05/13 Python
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
匡威德国官网:Converse德国
2019/01/26 全球购物
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
公司司机岗位职责
2014/02/07 职场文书
《陶罐和铁罐》教学反思
2014/02/19 职场文书
民族精神月活动总结
2014/08/28 职场文书
python 解决微分方程的操作(数值解法)
2021/05/26 Python
Python使用openpyxl模块处理Excel文件
2022/06/05 Python