编程 Javascript

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程序设计有所帮助。

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

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 原型和继承(Prototypes and Inheritance)

Apr 01 Javascript

基于jQuery的淡入淡出可自动切换的幻灯插件

Aug 24 Javascript

JS获得浏览器版本和操作系统版本的例子

May 13 Javascript

jquery动态添加元素事件失效问题解决方法

May 23 Javascript

jQuery选择器源码解读（八）：addCombinator函数

Mar 31 Javascript

再谈JavaScript异步编程

Jan 27 Javascript

JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)

Jun 02 Javascript

JavaScript实现Java中Map容器的方法

Oct 09 Javascript

javascript 中select框触发事件过程的分析

Aug 01 Javascript

微信小程序使用Promise简化回调

Feb 06 Javascript

通过微信公众平台获取公众号文章的方法示例

Dec 25 Javascript

JS实现按比例缩小图片宽高

Aug 24 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

YII CLinkPager分页类扩展增加显示共多少页

2016/01/29 PHP

Laravel 的数据库迁移的方法

2017/07/31 PHP

JQuery Dialog的内存泄露问题解决方法

2010/06/18 Javascript

Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例

2013/06/09 Javascript

js保留小数点后几位的写法

2014/01/03 Javascript

JS字符串拼接在ie中都报错的解决方法

2014/03/27 Javascript

js变量、作用域及内存详解

2014/09/23 Javascript

javascript继承机制实例详解

2014/11/20 Javascript

多种js图片预加载实现方式分享

2016/02/19 Javascript

Vue.js每天必学之内部响应式原理探究

2016/09/07 Javascript

Bootstrap Table从服务器加载数据进行显示的实现方法

2016/09/29 Javascript

leaflet的开发入门教程

2016/11/17 Javascript

Angular路由简单学习

2016/12/26 Javascript

基于JS实现bookstore静态页面的实例代码

2017/02/22 Javascript

js中toString()和String()区别详解

2017/03/23 Javascript

详谈jQuery.load()和Jsp的include的区别

2017/04/12 jQuery

利用JavaScript对中文（汉字）进行排序实例详解

2017/06/18 Javascript

js学习总结之DOM2兼容处理this问题的解决方法

2017/07/27 Javascript

.vue文件加scoped 样式不起作用的解决方法

2018/05/28 Javascript

JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例

2018/07/27 Javascript

详解angular2.x创建项目入门指令

2018/10/11 Javascript

详解微信小程序实现跑马灯效果（附完整代码）

2019/04/29 Javascript

Layui数据表格前后端json数据接收的方法

2019/09/19 Javascript

[00:32]2018DOTA2亚洲邀请赛出场——LGD

2018/04/04 DOTA

Python的多态性实例分析

2015/07/07 Python

如何用python整理附件

2018/05/13 Python

pandas pivot_table() 按日期分多列数据的方法

2018/11/16 Python

Python zip函数打包元素实例解析

2019/12/11 Python

朗仕(Lab series)英国官网：雅诗兰黛集团男士专属护肤品牌

2017/11/28 全球购物

STUBHUB日本：购买和出售全球活动门票

2018/07/01 全球购物

法国一家多品牌成衣精品中/高档商店：Graduate Store

2019/08/28 全球购物

工作表扬信的范文

2014/01/10 职场文书

语文复习计划

2015/01/19 职场文书

毕业生自荐信范文

2015/03/05 职场文书

给老师的保证书怎么写

2015/05/09 职场文书

2015年物流客服工作总结

2015/07/27 职场文书