Home/ Questions/Q 918355
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T18:21:42+00:00

I have a input box with the attribute overflow:hidden; I have also used javascript

  • 0

I have a input box with the attribute

overflow:hidden;

I have also used javascript to stopped text being entered so that it cant overflow however I would like to be able to remove any overflow if the user manages to insert text into an already full textbox.

Is there anyway in javascript to detect when a texbox has hidden overflow? and remove it

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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