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 相关文章推荐
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
Angualrjs和bootstrap相结合实现数据表格table
Mar 30 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
详解Vue调用手机相机和相册以及上传
May 05 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
Typescript3.9 常用新特性一览(推荐)
May 14 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
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
微信小程序 消息推送php服务器验证实例详解
2017/03/30 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
JavaScript调用堆栈及setTimeout使用方法深入剖析
2013/02/16 Javascript
JsRender for index循环索引用法详解
2014/10/31 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
jQuery旋转插件jqueryrotate用法详解
2016/10/13 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
jquery animate动画持续运动的实例
2017/11/29 jQuery
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
2018/10/09 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
vue 出现data-v-xxx的原因及解决
2020/08/04 Javascript
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python获取从命令行输入数字的方法
2015/04/29 Python
Python实现比较两个列表(list)范围
2015/06/12 Python
Python sorted排序方法如何实现
2020/03/31 Python
PageFactory设计模式基于python实现
2020/04/14 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
python实现扫雷游戏的示例
2020/10/20 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
详解HTML5新增标签
2017/11/27 HTML / CSS
一道SQL面试题
2012/12/31 面试题
银行毕业实习自我鉴定
2013/09/19 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL
用Python selenium实现淘宝抢单机器人
2021/06/18 Python