限制textarea文本域中输入字符个数(防粘贴)
来源:互联网 发布:如何优化产品标题 编辑:程序博客网 时间:2024/05/09 08:13
通常我们需要对用户文本输入进行字符数量上的限制,对于<input type="text" value="" />文本输入域,我们可以通过maxlength属性来限制用户可输入的最大字符数,但是textarea这种文本输入域的话我们只能通过js来控制输入字符数了,因为它没有提供maxlength属性。首先我们定义一个简单的函数,如下:
说明:这个函数的作用就是当textarea文本域中的字符数超过指定个数时即进行截取。有了这个函数,我们接下来要做的就是选择在何时调用该函数:
<textarea id="mytext" cols="" rows="" onkeydown="limitChars('mytext', 120)" onchange="limitChars('mytext', 120)" onpropertychange="limitChars('mytext', 120)"></textarea>
说明:1、onkeydown监控用户键盘输入并进行字符截取;2、onchange防止用户通过复制粘贴功能输入超过指定最大字符数的字符;3、onpropertychange针对IE(FF中无效),作用就是当用户通过复制粘贴功能来进行输入时,当粘贴完成的瞬间即进行字符截取,而不是像onchange那样需要等到焦点离开textarea控件时才进行字符截取(该属性主要为了用户体验上的效果,没有该属性已经可以真正完成限制字符输入个数的任务)。
/**
* 限制textarea文本域输入的字符个数
* @id textarea表单ID
* @count 要限制的最大字符数
*/
function limitChars(id, count)
{
var obj = document.getElementById(id);
if (obj.value.length > count)
{
obj.value = obj.value.substr(0, count);
}
}
* 限制textarea文本域输入的字符个数
* @id textarea表单ID
* @count 要限制的最大字符数
*/
function limitChars(id, count)
{
var obj = document.getElementById(id);
if (obj.value.length > count)
{
obj.value = obj.value.substr(0, count);
}
}
说明:这个函数的作用就是当textarea文本域中的字符数超过指定个数时即进行截取。有了这个函数,我们接下来要做的就是选择在何时调用该函数:
<textarea id="mytext" cols="" rows="" onkeydown="limitChars('mytext', 120)" onchange="limitChars('mytext', 120)" onpropertychange="limitChars('mytext', 120)"></textarea>
说明:1、onkeydown监控用户键盘输入并进行字符截取;2、onchange防止用户通过复制粘贴功能输入超过指定最大字符数的字符;3、onpropertychange针对IE(FF中无效),作用就是当用户通过复制粘贴功能来进行输入时,当粘贴完成的瞬间即进行字符截取,而不是像onchange那样需要等到焦点离开textarea控件时才进行字符截取(该属性主要为了用户体验上的效果,没有该属性已经可以真正完成限制字符输入个数的任务)。
- 限制textarea文本域中输入字符个数(防粘贴)
- 限制textarea文本域中输入字符个数…
- 限制文本域中字符输入个数
- textarea 限制输入字符个数
- JS限制Textarea文本域字符个数
- JS限制Textarea文本域字符个数
- 限制textarea字数(防粘贴)
- 文本域textarea输入字符长度限制
- textarea 文本限制输入字符数字
- 限制文本输入框textarea最大输入字符的js
- 限制文本输入框textarea最大输入字符的js
- textarea字符输入限制
- textarea限制每行可输入固定个数的字符
- 限制文本域textarea的输入字符长度
- 控制textarea输入字符个数
- java j2ee & java 限制文本输入框textarea最大输入字符的js
- 限制文本域textarea的输入长度
- 文本框textarea限制字符输入的方法
- 计算机中的物理地址与内存
- 开博!
- 安装openmoko
- 使用小型数据库SQLite3
- 如何获取当前周的第一天
- 限制textarea文本域中输入字符个数(防粘贴)
- first
- 打造我们心中永恒的m500
- 非常好的换行解决方案
- Response.Redirect 和Server.Transfer的区别
- 正在学习java...
- bean:write 的高级应用
- java.util.Date和java.sql.Date的区别
- switch 中嵌套 while之妙用