js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数


Posted in Javascript onOctober 25, 2016

【Html代码】

<table>
<tr>
  <td width="150">短信内容:</td>
  <td>
   <textarea name="message" cols="96" rows="5" onKeyDown="textCounter(message,remLen,65);"
     onKeyUp="textCounter(message,remLen,65);"></textarea>
  <td>
</tr>
<tr><td></td>
  <td>您还可以输入:<input name="remLen" type="text" value="65" size="5" readonly="readonly">个字符,每条短信最大允许输入<strong>65</strong>个字符</td>
</tr>
</table>

【对应的js代码】

<script>
   function textCounter(field, countfield, maxlimit) {
      if (field.value.length > maxlimit)
        field.value = field.value.substring(0, maxlimit);
      else
        countfield.value = maxlimit - field.value.length;
   }
</script>

以上就是小编为大家带来的js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
DHTML Slide Show script图片轮换
Mar 03 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
有关JavaScript的10个怪癖和秘密分享
Aug 28 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
禁用Enter键表单自动提交实现代码
May 22 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
JS的数组迭代方法
Feb 05 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 Javascript
分分钟玩转Vue.js组件
Oct 25 #Javascript
谈谈target=_new和_blank的不同之处
Oct 25 #Javascript
js实现上传图片预览方法
Oct 25 #Javascript
微信小程序(应用号)开发新闻客户端实例
Oct 24 #Javascript
微信小程序 倒计时组件实现代码
Oct 24 #Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 #Javascript
微信小程序 购物车简单实例
Oct 24 #Javascript
You might like
PHP调用C#开发的dll类库方法
2014/07/28 PHP
PHP获取当前日期和时间及格式化方法参数
2015/05/11 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
yepnope.js使用详解及示例分享
2014/06/23 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
2019/03/14 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
Python生成密码库功能示例
2017/05/23 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
应届生学校辅导员求职信
2013/11/07 职场文书
庆八一活动方案
2014/01/25 职场文书
毕业生自荐书
2014/02/03 职场文书
小学语文教学反思
2014/02/10 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
自我评价优缺点范文
2015/03/11 职场文书
浅谈Python数学建模之线性规划
2021/06/23 Python
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS