jquery实现textarea输入框字数的方法

来源：动视网责编：小采时间：2020-11-27 21:32:02

jquery实现textarea输入框字数的方法

jquery实现textarea输入框字数的方法:这篇文章主要介绍了jquery实现textarea输入框字数的方法,通过keyup事件实时读取textarea输入框的字数来实现这一功能,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jquery实现textarea输入框字数的方法。分享给大家供大家参考。具体分析如下：

推荐度：

点击下载本文 文档为doc格式

导读jquery实现textarea输入框字数的方法:这篇文章主要介绍了jquery实现textarea输入框字数的方法,通过keyup事件实时读取textarea输入框的字数来实现这一功能,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jquery实现textarea输入框字数的方法。分享给大家供大家参考。具体分析如下：

这篇文章主要介绍了jquery实现textarea输入框字数的方法,通过keyup事件实时读取textarea输入框的字数来实现这一功能,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了jquery实现textarea输入框字数的方法。分享给大家供大家参考。具体分析如下：

网上有使用属性 disabled 来实现，这个不好，想修改都没有修改。当然，这个也不是很完美。

<html>
<head>
<title> jquery完美实现textarea输入框字数</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
 $("#weibo").keyup(function(){
 var len = $(this).val().length;
 if(len > 139){
 $(this).val($(this).val().substring(0,140));
 }
 var num = 140 - len;
 $("#word").text(num);
 });
 });
</script>
<style type="text/css">
h6{color:blue;}
textarea{resize:none;}
#word{color:red;}
</style>
</head>
<body>
<h6>说点什么吧，你可以输入<span>140</span>个字，现在剩余<span id="word">140</span>个</h6>
<textarea name="con" id="weibo" cols="45" rows="6"></textarea>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助，更多相关教程请访问jQuery视频教程！

jquery实现textarea输入框字数的方法

推荐度：

点击下载本文 文档为doc格式

标签：字数的方法输入框

热门焦点

jquery实现textarea输入框字数的方法

jquery实现textarea输入框字数的方法

jquery实现textarea输入框字数的方法

最新推荐

猜你喜欢

热门推荐