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库的介绍及对比
Sep 29 Javascript
JavaScript中的ubound函数使用实例
Nov 04 Javascript
JavaScript中的变量定义与储存介绍
Dec 31 Javascript
Javascript基础教程之函数对象和属性
Jan 18 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
JS使用正则实现去掉字符串左右空格的方法
Dec 27 Javascript
vue指令以及dom操作详解
Mar 04 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
详解小程序开发经验:多页面数据同步
May 18 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
Vue 实例事件简单示例
Sep 19 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实现的Cookies操作类实例
2014/09/24 PHP
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
ThinkPHP在Cli模式下使用模板引擎的方法
2015/09/25 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
PHP实现对数字分隔加千分号的方法
2019/03/18 PHP
phpwind放自动注册方法
2006/12/02 Javascript
JavaScript 学习 - 提高篇
2007/02/02 Javascript
web前端开发也需要日志
2010/12/09 Javascript
JS原型对象通俗&quot;唱法&quot;
2012/12/27 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
jquery禁用右键示例
2014/04/28 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
vue中父子组件注意事项,传值及slot应用技巧
2018/05/09 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
2019/05/16 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
Python Sql数据库增删改查操作简单封装
2016/04/18 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
详解Python设计模式之策略模式
2020/06/15 Python
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
法国滑雪假期的专家:Ski Planet
2019/11/02 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
管理信息系学生的自我评价
2014/01/11 职场文书
大班幼儿评语大全
2014/04/30 职场文书
中秋晚会活动方案
2014/08/31 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
分享MySQL常用 内核 Debug 几种常见方法
2022/03/17 MySQL