js监听鼠标事件控制textarea输入字符串的个数


Posted in Javascript onSeptember 29, 2014

【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>
Javascript 相关文章推荐
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
javascript学习笔记之10个原生技巧
May 21 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
vue2.x select2 指令封装详解
Oct 12 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 Javascript
JavaScript声明变量时为什么要加var关键字
Sep 29 #Javascript
Javascript基础知识(三)BOM,DOM总结
Sep 29 #Javascript
Javascript基础知识(二)事件
Sep 29 #Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 #Javascript
Javascript表单验证要注意的事项
Sep 29 #Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 #Javascript
Javascript获取CSS伪元素属性的实现代码
Sep 28 #Javascript
You might like
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
php获取图片信息的方法详解
2015/12/10 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
PHP实现验证码校验功能
2017/11/16 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
关于laravel 子查询 &amp; join的使用
2019/10/16 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
Prototype Array对象 学习
2009/07/19 Javascript
JS window.opener返回父页面的应用
2009/10/24 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
基于jQuery实现模拟页面加载进度条
2013/04/01 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
使用jQuery判断IE浏览器版本的代码
2014/06/14 Javascript
JsRender for object语法简介
2014/10/31 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
js创建jsonArray传输至后台及后台全面解析
2016/04/11 Javascript
详细探究ES6之Proxy代理
2016/07/22 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
Python实现文件按照日期命名的方法
2015/07/09 Python
Python字符串处理实例详解
2017/05/18 Python
浅谈Django REST Framework限速
2017/12/12 Python
Python实现将doc转化pdf格式文档的方法
2018/01/19 Python
python异常触发及自定义异常类解析
2019/08/06 Python
python属于跨平台语言码
2020/06/09 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
为世界各地的女性设计和生产时尚服装:ROMWE
2016/09/17 全球购物
印度最大的旅游网站:MakeMyTrip
2016/10/05 全球购物
2013英文求职信模板范文
2013/11/15 职场文书
安康杯竞赛活动总结
2014/05/05 职场文书
环保倡议书300字
2014/05/15 职场文书
篮球赛口号
2014/06/18 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
2016年暑期社会实践活动总结报告
2016/04/06 职场文书