<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<head>
<title> Code：用JavaScript限制textarea输入长度 (For: IE、Firefox ...)</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CNLei.y.l@gmail.com">
<meta name="keywords" content="textarea,输入长度" />
<meta name="description" content="用JavaScript限制textarea输入长度 (For: IE、Firefox ...)" />
<style type="text/css" media="all">
body {font-size:14px;}
</style>
</head>
<body>
maxlength=10
<textarea maxlength="10" onkeyup="return isMaxLen(this)"></textarea>
maxlength=20
<textarea maxlength="20" onkeyup="return isMaxLen(this)"></textarea>
<script type="text/javascript">
function isMaxLen(o){
var nMaxLen=o.getAttribute? parseInt(o.getAttribute("maxlength")):"";
if(o.getAttribute && o.value.length>nMaxLen){
o.value=o.value.substring(0,nMaxLen)
}
}
</script>
</body>
</html>
分享到：
相关推荐
在网页开发中，有时我们需要对用户在textarea中的输入进行限制，比如限制最多...总的来说，使用JavaScript进行输入长度限制是一种跨浏览器的解决方案，能确保在不支持`maxlength`属性的浏览器中也能实现相同的功能。
在JavaScript编程中，有时我们需要对用户的文本输入进行限制，例如限制用户在文本框（`<textarea>`）中输入的字符数。这样的功能在各种应用场景中都很常见，比如表单提交、评论区留言等。在本示例中，我们讨论的是...
1. 浏览器兼容性差异：在讨论IE6、IE7以及Firefox浏览器在实现textarea滚动条和边框显示上的差异时，首先需要指出的是，早期的IE浏览器（IE6、IE7）和Firefox在HTML元素渲染方面存在一定的差异。这会导致同样的CSS...
方法一：用CSS截断字符串：IE,FireFox，Opera ，Safari都兼容 .subLongText{ width:150px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-overflow: ellipsis;/* IE/Safari */ ...
- **oninput**：在标准浏览器中，如Chrome、Firefox等，用于捕获用户对元素内容的修改，比如输入文字。 3. **焦点事件**： - **onfocus**：当元素获得焦点时触发，如用户点击输入框。在例子中，当textarea获取...
为了解决这个问题，一些浏览器（如Firefox）自行实现了对textarea元素的maxlength属性的支持，但是出于标准兼容性考虑，并不是所有浏览器都支持这一非标准特性，比如IE浏览器。 为了解决跨浏览器的兼容性问题，可以...
在非IE浏览器中，如Firefox、Chrome等，我们可以使用`selectionStart`属性来获取光标的位置。`selectionStart`返回的是光标在文本框中开始选择的字符索引，如果未进行任何选择，那么它就代表了光标所在的位置。 在...
唯一的上网工具：IE并非唯一的上网工具，还有其他浏览器如Chrome、Firefox等。 - C. 一种Web页的浏览器：描述准确。 - D. 收发电子邮件的工具：IE主要用于浏览网页，并非专门的邮件客户端。 - **正确答案**：C #...
这里主要涉及两种浏览器环境下的处理方式：IE和其他现代浏览器（Firefox, Chrome, Safari, Opera）。下面我们将详细讲解这两种情况的实现方法。 1. **IE浏览器的支持**： 在IE浏览器中，我们可以使用`document....
本文将深入探讨如何用JavaScript获取和设置Input和TextArea元素中的光标位置，并提供兼容性处理的方法。 在获取Input或TextArea元素光标位置时，我们需要区分对待IE浏览器和其他现代浏览器。IE浏览器通过document....
此工具已经过IE、Chrome和Firefox的测试，说明开发者考虑到了兼容性问题。 7. **性能优化**：良好的性能意味着验证过程快速且不会阻碍用户交互。可能采用了延迟验证策略（如debounce或throttle），避免频繁无效的...
oninput事件在大多数现代浏览器中都得到支持，包括Firefox, Google Chrome, Opera, Safari以及从IE9开始的Internet Explorer版本。 除了原生JavaScript的监听方法，文章还提供了使用jQuery实现监听的方式。通过使用...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...
2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、HTML 2、CSS 3、Javascript 2、HTML入门(重点) 1、什么是HTML Hyper Text Markup Language 超级 文本 标记 ...
支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...
这种方法适用于大多数现代浏览器，包括IE、Firefox、Opera和Safari。CSS截断的关键在于`overflow`、`white-space`、`text-overflow`和特定浏览器的前缀属性。以下是一个简单的示例： ```css .subLongText { width:...
如果浏览器支持setSelectionRange方法（主要在Firefox等非IE浏览器中使用），则直接调用此方法来设置光标位置。对于IE浏览器，使用createTextRange创建一个文本范围，然后通过moveEnd和moveStart方法移动光标到指定...
跨浏览器,跨平台的所见即所得在线html编辑器 <br/>兼容市面上最流行的ie5.5+,firefox1.0+,mozilla1.3+, netscape7+和Safari(1.3+)浏览器，并且包括Mac和Linux操作平台。 CuteEditor...
在JavaScript编程中，有时我们需要对输入框（input）或文本区域（textarea）进行操作，确保当用户聚焦到这些元素时，光标会自动移动到最后，这样用户可以直接开始输入，而无需手动滚动到文本末尾。这种方法可以提升...