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 相关文章推荐
JavaScript使用prototype定义对象类型
Feb 07 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
Aug 30 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
Aug 16 Javascript
js实现简单页面全屏
Sep 17 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 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 SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
javascript 函数调用规则
2009/08/26 Javascript
javascript 必知必会之closure
2009/09/21 Javascript
JavaScript 格式字符串的应用
2010/03/29 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
浅谈Node.js中的定时器
2015/06/18 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
基于JavaScript FileReader上传图片显示本地链接
2016/05/27 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
2016/10/10 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
简述jQuery Easyui一些用法
2017/08/01 jQuery
vue axios基于常见业务场景的二次封装的实现
2018/09/21 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
将Python代码嵌入C++程序进行编写的实例
2015/07/31 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
Python面向对象编程基础实例分析
2020/01/17 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
几个常见的消息中间件(MOM)
2014/01/08 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
护士自我鉴定
2013/10/23 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
先进单位申报材料
2014/12/25 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS