So in the refreshCountTextBox I placed this:

if (countTextBox) {
if (innerTextEnabled) {
// Chrome, Internet Explorer, Opera, Safari (for Windows)
countTextBox.innerText = (maxLength - control.value.length) + “innerText”;
}
else if (countTextBox.textContent != undefined) {
// Firefox
countTextBox.textContent = (maxLength - control.value.length) + “textContent”;
}
else {
// Possible bug fix?
countTextBox.value = (maxLength - control.value.length) + “else”;
}

Which seems to does the trick, to use a label as the counter presentation

var oTR = control.document.selection.createRange();
var copiedData = window.clipboardData.getData(“Text”).substr(0, insertLength);

The first line I changed to, where I’m not completly sure if this is correct:

if (document.getSelection)
var selection = document.getSelection(); // Navigator 4.0x
else if (document.selection && document.selection.createRange) {
var oTR = document.selection.createRange(); // IE 4.0x
var selection = oTR.text
}
else
var selection = window.getSelection(); //other?

The second line I can’t find a solution to access the clipboard data in other browsers. For Firefox for example this is because of security reasons. “clipboardData.getData” is only useful for IE.

Also only in Internet Explorer the copy function works. Chrome, Safari, Firefox doesn’t place the copied text in the box and Opera places the copied text in the box and exceeds the maximum length.

Firefox and Opera seems to cancel every button event after the max is reached, which for the Backspace isn’t useful. I’ve solved this (maybe not the best solution) by editing the _onKeyPress after the if (e){ adding a if(e.charcode != 8). 8 is the Backspace and it seem to work in all the browsers.

Still Firefox and Opera cancel all other button events like ‘delete’, ‘ctrl-a’, the arrow buttons, etc, but other browsers keep working.

Also only in Internet Explorer the copy function works. Chrome, Safari, Firefox does place the copied text in the box and Opera places the copied text in the box and exceeds the maximum length.

Will try to find a solution/workaround for this.

When I try your code in Internet Exporer works perfectly, but in Firefox it blocks when i reach to the limit (50) in the code example, as happends to mdmasonmbcs, and the contextual menu and CTRL+V don’t work.

Sorry for the delay - I was on my annual holidays I tried the delete & backspace problem, it does seem to work: could you provide the exact steps so I can repro ? Currently I set the maxlength to 50 and typed 50 chars, saw 0 chars left and pressed backspace, and it worked as expected.

OTOH, thanks for the firefox fix ! I’ll update the source and the article now. Much appreciated!

To get it to work in FireFox I replaced ‘textContent’ with ‘value’ in the _refreshCountTextBox function.