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 相关文章推荐
5个javascript的数字格式化函数分享
Dec 07 Javascript
JQuery触发事件例如click
Sep 11 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
jquery中map函数与each函数的区别实例介绍
Jun 23 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
javascript图片预加载实例分析
Jul 16 Javascript
JavaScript学习笔记整理之引用类型
Jan 22 Javascript
JS实现的简单拖拽功能示例
Mar 13 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 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数据加密详解
2013/06/18 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
javascript实现抽奖程序的简单实例
2016/06/07 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
2019/07/11 jQuery
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
js实现图片实时时钟
2020/01/15 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
python元组操作实例解析
2014/09/23 Python
收集的几个Python小技巧分享
2014/11/22 Python
Python使用爬虫猜密码
2016/02/19 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
django model通过字典更新数据实例
2020/04/01 Python
html5+CSS3+JS实现七夕言情功能代码
2017/08/28 HTML / CSS
一套软件测试笔试题
2014/07/25 面试题
档案管理员岗位职责
2013/12/01 职场文书
大学自我评价
2014/02/12 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
民政局未婚证明
2015/06/15 职场文书
庭外和解协议书
2016/03/23 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
python 中[0]*2与0*2的区别说明
2021/05/10 Python
原生Js 实现的简单无缝滚动轮播图的示例代码
2021/05/10 Javascript