js监听鼠标事件控制textarea输入字符串的个数

 更新时间:2014年09月29日 16:37:02   投稿:whsnow  
一个js控制textarea输入字符串的个数的脚本,当鼠标按下抬起时判断输入字符数,很简单,但很实用

【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构建高级视频播放器

    基于JavaScript构建高级视频播放器

    这篇文章主要为大家详细介绍了如何基于JavaScript构建高级视频播放器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-04-04
  • javascript实现dom动态创建省市纵向列表菜单的方法

    javascript实现dom动态创建省市纵向列表菜单的方法

    这篇文章主要介绍了javascript实现dom动态创建省市纵向列表菜单的方法,可实现省市列表菜单效果,涉及javascript鼠标事件及页面处理json数据的技巧,需要的朋友可以参考下
    2015-05-05
  • 纯javascript实现的小游戏《Flappy Pig》实例

    纯javascript实现的小游戏《Flappy Pig》实例

    这篇文章主要介绍了纯javascript实现的小游戏《Flappy Pig》,较为详细的分析了javascript实现小游戏《Flappy Pig》的相关技巧,涉及javascript操作页面元素移动、碰撞、事件监听与触发的相关技巧,需要的朋友可以参考下
    2015-07-07
  • javascript 闪烁的圣诞树实现代码

    javascript 闪烁的圣诞树实现代码

    用js实现非常漂亮的带闪烁效果的圣诞树代码。很佩服作者的想法。效果如下图。
    2009-12-12
  • Bootstrap实现省市区三级联动(亲测可用)

    Bootstrap实现省市区三级联动(亲测可用)

    这篇文章主要为大家详细介绍了Bootstrap实现省市区三级联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • 得到元素真实的背景颜色的js代码

    得到元素真实的背景颜色的js代码

    这个函数来自Rico,Longbill及Dnew.cn修改。 说明: 传入参数一个,为元素的id值或元素本身,返回为元素的真实背景色值(字符串)。背景值均为16进制的值(原代码是是IE里面返回的是16进制的值,而Mozilla则是rgb值,Dnew.cn将其修改为均返回16进制的值)。
    2007-12-12
  • javascript中localStorage本地存储(新增、删除、修改)使用详细教程

    javascript中localStorage本地存储(新增、删除、修改)使用详细教程

    本地存储localstorage是一种在浏览器中存储数据的方式,可以将数据保存在用户的本地计算机上,以便在下一次访问网站时使用,下面这篇文章主要给大家介绍了关于javascript中localStorage本地存储(新增、删除、修改)使用详细教程,需要的朋友可以参考下
    2023-05-05
  • createObjectURL方法实现本地图片预览

    createObjectURL方法实现本地图片预览

    这篇文章主要为大家详细介绍了createObjectURL方法实现本地图片预览,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • js html5获取input焦点的输入框并赋值实例

    js html5获取input焦点的输入框并赋值实例

    这篇文章主要为大家介绍了js html5获取input焦点的输入框并赋值实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • 微信小程序入门之广告条实现方法示例

    微信小程序入门之广告条实现方法示例

    这篇文章主要介绍了微信小程序入门之广告条实现方法,涉及微信小程序基于swiper与navigator组件的文字信息滑动展示相关操作技巧,需要的朋友可以参考下
    2018-12-12

最新评论