检测并删除输入框溢出

时间:2010-07-13 17:44:17

标签: javascript css input overflow

我有一个带有属性

的输入框
  

溢出:隐藏;

我还使用了javascript来停止输入文本以便它无法溢出但是如果用户设法将文本插入到已经完整的文本框中,我希望能够删除任何溢出。

在javascript中是否有检测texbox隐藏溢出的时间?并删除它

由于

2 个答案:

答案 0 :(得分:0)

您是否尝试设置可输入的最大字符数?如果是这样的话:

<input type="text" maxlength="50" />

答案 1 :(得分:0)

如果您想使用javascript激活输入框中的文本,可以尝试:

<html>
<head>
<script>
function clip()
{
    var maxLen = 3
    var box = document.getElementsByName('myInput')[0];
    if (box.value.length > maxLen - 1)
    {
        box.value = box.value.substring(0,maxLen - 1);
    }
}
</script>
</head>
<body>
<input name="myInput" onkeypress="clip()" />
</body>
</html>

这段代码并不漂亮,但是它显示了你可以做什么,每当文本框中的文本变长时,该功能会修剪文本(它比你要求的要强一些,但你可以通过改变它来调低它活动到“onblur”)。但是,建议的内容通常应该有效。