当前位置：文江博客话题详情

检测并删除输入框溢出

发布于 2024-09-09 03:35:49 字数 203 浏览 5 评论 0原文

我有一个带有属性的输入框

溢出：隐藏；

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

无论如何，javascript 中是否有检测 texbox 何时隐藏溢出的方法？并删除它

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

来世叙缘 2024-09-16 03:35:49

如果你想使用 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”来减弱它）。然而，etc 所建议的通常应该有效。

if you want to activly trim the text in the input box using javascript you can try:

<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>

this code is not pretty but it shows what you can do, every time the text in the text box gets to long the function trims the text(its a little stronger than what you asked but you can tone it down by changing the event to "onblur"). However, what etc suggested should usually work.

回复收藏 0 原文