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 CSS操作方法集合
Oct 31 Javascript
js 页面传参数时 参数值含特殊字符的问题
Dec 13 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
jQuery 事件的命名空间简单了解
Nov 22 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
Vue.js在数组中插入重复数据的实现代码
Nov 17 Javascript
vue 优化CDN加速的方法示例
Sep 19 Javascript
javascript头像上传代码实例
Sep 28 Javascript
js函数柯里化的方法和作用实例分析
Apr 11 Javascript
javascript自定义加载loading效果
Sep 15 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中使用curl_init函数的说明
2010/11/02 PHP
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
ThinkPHP模板判断输出Defined标签用法详解
2014/06/30 PHP
php自定义分页类完整实例
2015/12/25 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
jquery ui dialog ie8出现滚动条的解决方法
2010/12/06 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
jquery插件orbit.js实现图片折叠轮换特效
2015/04/14 Javascript
Javascript 基础---Ajax入门必看
2016/07/06 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
javascript 判断用户有没有操作页面
2017/10/17 Javascript
Vue精简版风格概述
2018/01/30 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
2019/11/04 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
[06:45]DOTA2卡尔工作室 英雄介绍幻影长矛手篇
2013/07/12 DOTA
python连接sql server乱码的解决方法
2013/01/28 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
前台文员的岗位职责
2013/11/14 职场文书
如何撰写岗位职责
2014/02/01 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
北体毕业生求职信
2014/02/28 职场文书
自我推荐信范文
2014/05/09 职场文书
少先队活动总结
2014/08/29 职场文书
信访维稳工作汇报
2014/10/27 职场文书
升职自荐信范文
2015/03/27 职场文书
中秋联欢会主持词
2015/07/04 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
Python安装使用Scrapy框架
2022/04/12 Python