编程 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 相关文章推荐

在线编辑器中换行与内容自动提取

Apr 24 Javascript

一个简单的Ext.XTemplate的实例代码

Mar 18 Javascript

学习JavaScript设计模式之代理模式

Jan 12 Javascript

jQuery 如何给Carousel插件添加新的功能

Apr 18 Javascript

js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

May 25 Javascript

使用JQuery中的trim()方法去掉前后空格

Sep 16 Javascript

js 动态生成html 触发事件传参字符转义的实例

Feb 14 Javascript

bootstrap table表格使用方法详解

Apr 26 Javascript

Vue.js 2.x之组件的定义和注册图文详解

Jun 19 Javascript

微信小程序实现消息框弹出动画

Apr 18 Javascript

Vue使用axios引起的后台session不同操作

Aug 14 Javascript

如何通过简单的代码描述Angular父组件、子组件传值

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