javascript实现文本域写入字符时限定字数
更新时间：2014年02月12日 15:22:55 作者：
这篇文章主要介绍了javascript实现文本域的写入字符个数限定字数,需要的朋友可以参考下
复制代码 代码如下:
<!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>
相关文章
事件委托应用在很多开发场景之中,但是很多同学对委托的原理、特别是对JS原生实现委托不太了解,下面这篇文章主要给大家介绍了关于js事件流、事件委托与事件阶段的相关资料,需要的朋友可以参考下2022-02-02
使用JavaScript实现Java的List功能(实例讲解)
使用JavaScript实现Java的List功能(实例讲解)。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了javascript伸缩菜单栏实现代码，点击标题显示下级菜单，节约了空间，使页面排版更加紧凑，感兴趣的小伙伴们可以参考一下2015-11-11
展开运算符(spread operator)允许一个表达式在某处展开,下面这篇文章主要给大家介绍了关于如何通过一文教会你如何在JavaScript中使用展开运算符的相关资料,需要的朋友可以参考下2022-10-10
本文主要介绍了js预加载和延时加载2种技术，简单分析了他们的实现方式和优缺点，非常的实用，有需要的朋友参考下2014-09-09
虽说js框架到处都是, 都封装了很多实用的功能,能快速的让我们实现如动画,元素拖拽等功能, 不过由于好奇心的驱使, 有时想一探究竟, 看看一些功能是如何实现的2011-03-03
这篇文章主要介绍了js中的内部属性与delete操作符的相关资料,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了JS实现深度优先搜索求解两点间最短路径，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
这篇文章主要为大家详细介绍了原生js实现查询天气的小应用,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了使用Typescript开发微信小程序的步骤详解,本文分步骤通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
最新评论