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 函数中的参数使用分析
Mar 27 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
May 03 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
jQuery侧边栏实现代码
May 06 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
js数字滑动时钟的简单实现(示例讲解)
Aug 14 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
JavaScript实现的拼图算法分析
Feb 13 Javascript
vue视图不更新情况详解
May 16 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
jQuery HTML设置内容和属性操作实例分析
May 20 jQuery
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
解析如何通过PHP函数获取当前运行的环境 来进行判断执行逻辑(小技巧)
2013/06/25 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
php unlink()函数使用教程
2018/07/12 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
Laravel5.5 视图 - 创建视图和数据传递示例
2019/10/21 PHP
简单通用的JS滑动门代码
2008/12/19 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
2015/03/05 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
2016/12/14 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
2018/04/20 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
从0到1搭建Element的后台框架的方法步骤
2019/04/10 Javascript
了解javascript中let和var及const关键字的区别
2019/05/24 Javascript
js实现随机数小游戏
2019/06/28 Javascript
jQuery提示框插件SweetAlert用法分析
2019/08/05 jQuery
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
tensorflow saver 保存和恢复指定 tensor的实例讲解
2018/07/26 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
python3实现逐字输出的方法
2019/01/23 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
我的祖国演讲稿
2014/05/04 职场文书
奶茶店创业计划书
2014/08/14 职场文书
解除劳动合同证明书模板
2014/11/20 职场文书
西安兵马俑导游词
2015/02/02 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
小组组名及励志口号
2015/12/24 职场文书