javascript实现文本域写入字符时限定字数


Posted in Javascript onFebruary 12, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
</head> <body> 
<textarea id="text"cols="20" rows="5" onkeyup="sum ()" onfocus="focu()"></textarea> 
<span id="span"></span> 
</body> 
<script> 
function sum(){ 
var str =document.getElementById("text"); 
var cont=str.value; 
var len=cont.length; 
document.getElementById("span").innerHTML="您当前输入了"+len+"个字符"; 
if(len>=100){alert("您不能再写入了,已经达到最大限度!"); 
document.getElementById("text").value=cont.substr(0,99); 
//实现100字最大限度 ,如果超过了,不在写入数据! 
} 
} 
</script> 
</html>
Javascript 相关文章推荐
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
JS实现动态给图片添加边框的方法
Apr 01 Javascript
微信公众号 客服接口的开发实例详解
Sep 28 Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 Javascript
微信小程序  modal详解及实例代码
Nov 09 Javascript
详解vue中computed 和 watch的异同
Jun 30 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
Jan 12 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
vue项目上传Github预览的实现示例
Nov 06 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
JavaScript实现图片伪异步上传过程解析
Apr 10 Javascript
js 绑定键盘鼠标事件示例代码
Feb 12 #Javascript
动态加载jquery库的方法
Feb 12 #Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 #Javascript
javascript获取web应用根目录的方法
Feb 12 #Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 #Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 #Javascript
js post提交调用方法
Feb 12 #Javascript
You might like
杏林同学录(三)
2006/10/09 PHP
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
smarty自定义函数用法示例
2016/05/20 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
DOM 脚本编程中的兄弟节点
2009/10/31 Javascript
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
2015/04/03 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
Angular2 多级注入器详解及实例
2016/10/30 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
如何在Angular应用中创建包含组件方法示例
2019/03/23 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
微信小程序开发中var that =this的用法详解
2020/01/18 Javascript
使用PreloadJS加载图片资源的基础方法详解
2020/02/03 Javascript
three.js 制作动态二维码的示例代码
2020/07/31 Javascript
详解python中sort排序使用
2019/03/23 Python
python实现统计代码行数的小工具
2019/09/19 Python
在tensorflow中设置保存checkpoint的最大数量实例
2020/01/21 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
Python流程控制常用工具详解
2020/02/24 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
更新升级python和pip版本后不生效的问题解决
2020/04/17 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
电脑专业个人求职信范文
2014/02/04 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
Python利用capstone实现反汇编
2022/04/06 Python
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL