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 相关文章推荐
juery框架写的弹窗效果适合新手
Nov 27 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 Javascript
react中实现搜索结果中关键词高亮显示
Jul 31 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
原生javascript中this几种常见用法总结
Feb 24 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
分分钟玩转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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
如何使Chrome控制台支持多行js模式——意外发现
2013/06/13 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
js单词形式的运算符
2014/05/06 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
JQuery在循环中绑定事件的问题详解
2016/06/02 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
[52:22]EG vs VG Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
在Windows8上的搭建Python和Django环境
2014/07/03 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
Python 虚拟空间的使用代码详解
2019/06/10 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
python中rb含义理解
2020/06/18 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
台湾良兴购物网:EcLife
2019/12/01 全球购物
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
创业女性典型材料
2014/05/02 职场文书
2014年度安全生产目标管理责任书
2014/07/25 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书
汽车4S店前台接待岗位职责
2015/04/03 职场文书
初中数学教学随笔
2015/08/15 职场文书