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对象创建及继承原理实例解剖
Feb 28 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
Dec 02 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
Jan 13 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
AngularJS指令与指令之间的交互功能示例
Dec 14 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
Oct 29 Javascript
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 Javascript
Vue项目打包编译优化方案
Sep 16 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 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 socke 向指定页面提交数据
2008/07/23 PHP
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
destoon之一键登录设置
2014/06/21 PHP
给ECShop添加最新评论
2015/01/07 PHP
iOS自定义提示弹出框实现类似UIAlertView的效果
2016/11/16 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
PDO实现学生管理系统
2020/03/21 PHP
jquery获取input的value问题说明
2010/08/19 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
Ionic2调用本地SQlite实例
2017/04/22 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
Webpack 服务器端代码打包的示例代码
2017/09/19 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
详解vue表单——小白速看
2018/04/08 Javascript
教你搭建按需加载的Vue组件库(小结)
2019/07/29 Javascript
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
Python多线程编程(一):threading模块综述
2015/04/05 Python
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
Python 编码规范(Google Python Style Guide)
2018/05/05 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
pymysql 开启调试模式的实现
2019/09/24 Python
Python利用逻辑回归分类实现模板
2020/02/15 Python
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
2020/03/06 Python
Django-imagekit的使用详解
2020/07/06 Python
django template实现定义临时变量,自定义赋值、自增实例
2020/07/12 Python
Python爬虫基于lxml解决数据编码乱码问题
2020/07/31 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
Everything But Water官网:美国泳装品牌
2019/03/17 全球购物
马歇尔耳机官网:Marshall Headphones
2020/02/04 全球购物
写一个方法1000的阶乘
2012/11/21 面试题
信息专业大学生自我评价分享
2014/01/17 职场文书
探亲邀请信范文
2014/01/30 职场文书
餐厅楼面主管岗位职责范本
2014/02/16 职场文书
2014年小学教学工作总结
2014/11/13 职场文书