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代码优化 遍历篇
Nov 01 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
Aug 10 Javascript
JS实现六位字符密码输入器功能
Aug 19 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
原生javascript上传图片带进度条【实例分享】
Apr 06 Javascript
几种响应式文字详解
May 19 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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学习资源和链接.
2006/12/05 PHP
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
php设计模式 Visitor 访问者模式
2011/06/28 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
Linux下PHP连接Oracle数据库
2014/08/20 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
使用Nodejs开发微信公众号后台服务实例
2014/09/03 NodeJs
JavaScript插件化开发教程(六)
2015/02/01 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
AngularJS 让人爱不释手的八种功能
2016/03/23 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
js简单遍历获取对象中的属性值的方法示例
2019/06/19 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
2020/09/04 Javascript
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
[02:05]2014DOTA2国际邀请赛 BBC外卡赛赛后总结
2014/07/09 DOTA
python中urllib模块用法实例详解
2014/11/19 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
Python基于正则表达式实现文件内容替换的方法
2017/08/30 Python
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
基于python实现地址和经纬度转换
2020/05/19 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
几道PHP的面试题
2012/05/19 面试题
企业消防安全制度
2014/02/02 职场文书
防沙治沙典型材料
2014/05/07 职场文书
代领毕业证委托书
2014/08/02 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
基于Redis过期事件实现订单超时取消
2021/05/08 Redis
能用CSS实现的就不要麻烦JavaScript了
2021/10/05 HTML / CSS
SQL语句多表联合查询的方法示例
2022/04/18 MySQL