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 相关文章推荐
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
在JS中解析HTML字符串示例代码
Apr 16 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
简介AngularJS中$http服务的用法
Feb 06 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
javascript表单正则应用
Feb 04 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
Aug 24 Javascript
详解Vue前端对axios的封装和使用
Apr 01 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
PHP脚本中include文件出错解决方法
2008/11/20 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
Prototype使用指南之selector.js说明
2008/10/26 Javascript
uploadify 3.0 详细使用说明
2012/06/18 Javascript
js函数的引用, 关于内存的开销
2012/09/17 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
2016/05/10 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
原生JS控制多个滚动条同步跟随滚动效果
2017/12/22 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
react 兄弟组件如何调用对方的方法示例
2018/10/23 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
Python中Continue语句的用法的举例详解
2015/05/14 Python
Python 字符串大小写转换的简单实例
2017/01/21 Python
python使用matplotlib绘制柱状图教程
2017/02/08 Python
Python实现嵌套列表去重方法示例
2017/12/28 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
pygame实现俄罗斯方块游戏
2018/06/26 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
建龙钢铁面试总结
2014/04/15 面试题
项目工作说明书
2014/07/29 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
安全生产月宣传标语
2014/10/06 职场文书
中学教师师德师风承诺书
2015/04/28 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python