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 将元素显示在屏幕的中央的代码
Feb 27 Javascript
js 如何实现对数据库的增删改查
Nov 23 Javascript
JS打开新窗口的2种方式
Apr 18 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
javascript去掉前后空格的实例
Nov 07 Javascript
JavaScript原型链示例分享
Jan 26 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
Sep 08 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
javaScript字符串工具类StringUtils详解
Dec 08 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 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自定义函数实现代码
2011/12/30 PHP
分享PHP header函数使用教程
2013/09/05 PHP
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
动态加载js、css的简单实现代码
2016/05/26 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
php 解压zip压缩包内容到指定目录的实例
2018/01/23 Javascript
Vue路由切换时的左滑和右滑效果示例
2018/05/29 Javascript
vue环形进度条组件实例应用
2018/10/10 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
2020/07/30 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
Python中用Ctrl+C终止多线程程序的问题解决
2013/03/30 Python
Django框架模板介绍
2019/01/15 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
合同专员岗位职责
2013/12/18 职场文书
高职教师岗位职责
2013/12/24 职场文书
外贸业务员工作职责
2014/01/06 职场文书
五好党支部事迹材料
2014/02/06 职场文书
设计师求职信
2014/07/01 职场文书
营销学习心得体会
2014/09/12 职场文书
《我是什么》教学反思
2016/02/16 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python