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 相关文章推荐
判断iframe是否加载完成的完美方法
Jan 07 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
jquery获取img的src值的简单实例
May 17 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
Angular2自定义分页组件
Apr 19 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
基于vue实现分页效果
Nov 06 Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 Javascript
《javascript设计模式》学习笔记一:Javascript面向对象程序设计对象成员的定义分析
Apr 07 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
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
Thinkphp中import的几个用法详细介绍
2014/07/02 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
jquery 图片 上一张 下一张 链接效果(续篇)
2010/04/20 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
基于JavaScript实现图片剪切效果
2017/03/07 Javascript
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
Python搜索引擎实现原理和方法
2017/11/27 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
Django实现文件上传和下载功能
2019/10/06 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
中华魂演讲稿
2014/05/13 职场文书
工伤事故证明
2014/10/20 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
2014年度培训工作总结
2014/11/27 职场文书
2014年档案室工作总结
2014/12/01 职场文书
三方协议书
2015/01/27 职场文书
补充协议书
2015/01/28 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
晚会主持人开场白台词
2015/05/28 职场文书
运动会3000米加油稿
2015/07/21 职场文书
详解MySQL InnoDB存储引擎的内存管理
2021/04/08 MySQL
排查并解决MySQL生产库内存使用率高的报警
2022/04/11 MySQL