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做一个小游戏平台 (一)
Dec 29 Javascript
JavaScript数据类型检测代码分享
Jan 26 Javascript
45个JavaScript编程注意事项、技巧大全
Feb 11 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
卸载安装Node.js与npm过程详解
Aug 15 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
Vue组件化开发之通用型弹出框的实现
Feb 28 Javascript
详解vue3中组件的非兼容变更
Mar 03 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
提问的智慧
2006/10/09 PHP
PHP 判断变量类型实现代码
2009/10/23 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
JavaScript 常用函数
2009/12/30 Javascript
JavaScript学习笔记(十七)js 优化
2010/02/04 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
2016/03/14 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
解决vue-cli3 使用子目录部署问题
2018/07/19 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
js实现简单的贪吃蛇游戏
2020/04/23 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
Python 正则表达式操作指南
2009/05/04 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
Python实现图片识别加翻译功能
2019/12/26 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
Html5游戏开发之乒乓Ping Pong游戏示例(二)
2013/01/21 HTML / CSS
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
高中历史教学反思
2014/02/08 职场文书
感恩节红领巾广播稿
2014/02/11 职场文书
物理学专业自荐信
2014/06/11 职场文书
2014年平安创建工作总结
2014/11/24 职场文书
师德承诺书2015
2015/04/28 职场文书
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
MySQL中rank() over、dense_rank() over、row_number() over用法介绍
2022/03/23 MySQL