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

JQuery 学习笔记选择器之三

Jul 23 Javascript

JavaScript 的方法重载效果

Aug 07 Javascript

JS getStyle获取最终样式函数代码

Apr 01 Javascript

简单的代码实现jquery定时器

Nov 17 Javascript

JavaScript学习笔记之DOM基础 2.4

Aug 14 Javascript

js仿淘宝和百度文库的评分功能

May 15 Javascript

基于jQuery的select下拉框选择触发事件实例分析

Nov 18 Javascript

js实现类bootstrap模态框动画

Feb 07 Javascript

JS实现点击下拉菜单把选择的内容同步到input输入框内的实例

Jan 23 Javascript

一个小时快速搭建微信小程序的方法步骤

Apr 15 Javascript

浅谈Vue 自动化部署打包上线

Jun 14 Javascript

浅谈JS的原型和原型链

Jun 04 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