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 相关文章推荐
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
javascript之typeof、instanceof操作符使用探讨
May 19 Javascript
JavaScript极简入门教程(三):数组
Oct 25 Javascript
Javascript 高阶函数使用介绍
Jun 15 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
小程序实现单选多选功能
Nov 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/25 PHP
php可生成缩略图的文件上传类实例
2014/12/17 PHP
PHP下载文件的函数实例代码
2016/05/18 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
jQuery 获取URL参数的插件
2010/03/04 Javascript
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
js实现仿QQ秀换装效果的方法
2015/03/04 Javascript
简单学习JavaScript中的for语句循环结构
2015/11/10 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
JavaScript实现垂直滚动条效果
2017/01/18 Javascript
angular 用拦截器统一处理http请求和响应的方法
2017/06/08 Javascript
vue遍历生成的输入框 绑定及修改值示例
2019/10/30 Javascript
在Vue里如何把网页的数据导出到Excel的方法
2020/09/30 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
python 字段拆分详解
2019/12/17 Python
python归并排序算法过程实例讲解
2020/11/04 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
加拿大廉价机票预订网站:CheapOair.ca
2018/03/04 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
优秀员工年终发言演讲稿
2014/01/01 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
家居装修公司创业计划书范文
2014/03/20 职场文书
一年级学生评语大全
2014/04/21 职场文书
教学督导岗位职责
2015/04/10 职场文书
2019年员工晋升管理制度范本!
2019/07/08 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang
用Java实现简单计算器功能
2021/07/21 Java/Android
使用CSS实现音波加载效果
2023/05/07 HTML / CSS