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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
自己的js工具 Cookie 封装
Aug 21 Javascript
[原创]js获取数组任意个不重复的随机数组元素
Mar 15 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
juqery 学习之四 筛选过滤
Nov 30 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
ES6扩展运算符用法实例分析
Oct 31 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
在Create React App中启用Sass和Less的方法示例
Jan 16 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 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模拟HTTP认证
2006/10/09 PHP
php xml 入门学习资料
2011/01/01 PHP
[原创]CI(CodeIgniter)简单统计访问人数实现方法
2016/01/19 PHP
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
使用canvas实现仿新浪微博头像截取上传功能
2015/09/02 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
2018/06/01 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
python装饰器原理与用法深入详解
2019/12/19 Python
python输出数学符号实例
2020/05/11 Python
什么是python的自省
2020/06/21 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
护士在校生自荐信
2014/02/01 职场文书
文明寝室申报材料
2014/05/12 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
个人思想政治总结
2015/03/05 职场文书
公司奖励通知
2015/04/21 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers