mozilla browser not supporting kep up event properly
please check attachment
used code here, onkeypress = "return taLimit(250)", onkeyup = "return taCount(spcl,250)"
<script language="javascript">
function taLimit(maxLength) {
var taObj = event.srcElement;
if (taObj.value.length === maxLength * 1) return false;
}
function taCount(visCnt, maxLength) {
var taObj = event.srcElement;
if (taObj.value.length > maxLength * 1) taObj.value = taObj.value.substring(0, maxLength * 1);
if (visCnt) visCnt.innerText = maxLength - taObj.value.length;
}
</script>
Chosen solution
Try passing a reference to the textarea element to the function using this:
<textarea onkeypress="return taLimit(250, this)" onkeyup="return taCount(spcl, 250, this)"></textarea>
<script> function taLimit(maxLength, taObj) { if (taObj.value.length === maxLength * 1) return false; } function taCount(visCnt, maxLength, taObj) { if (taObj.value.length > maxLength * 1) taObj.value = taObj.value.substring(0, maxLength * 1); if (visCnt) visCnt.innerText = maxLength - taObj.value.length; } </script>
The this keyword is a little tricky. I'm suggesting the approach listed under the heading Combination toward the end of this article: https://www.quirksmode.org/js/this.html
Read this answer in context 👍 1All Replies (7)
Does the console show any script errors?
- For the current tab: https://developer.mozilla.org/docs/Tools/Web_Console
- Global: https://developer.mozilla.org/docs/Tools/Browser_Console
You can set up demo pages on https://jsfiddle.net/ or https://codepen.io/ for interactive use.
Please note the compatibility sections of the following articles and consider supporting the Extended Support Release of Firefox 60 as well as the release version Firefox 63:
on console I am getting error like
ReferenceError: event is not defined.
but same is working fine on IE & Chrome.
See my earlier reply for compatibility information.
I have already used "event.srcElement" but that is not supporting by mozilla is there any other solution?
Chosen Solution
Try passing a reference to the textarea element to the function using this:
<textarea onkeypress="return taLimit(250, this)" onkeyup="return taCount(spcl, 250, this)"></textarea>
<script> function taLimit(maxLength, taObj) { if (taObj.value.length === maxLength * 1) return false; } function taCount(visCnt, maxLength, taObj) { if (taObj.value.length > maxLength * 1) taObj.value = taObj.value.substring(0, maxLength * 1); if (visCnt) visCnt.innerText = maxLength - taObj.value.length; } </script>
The this keyword is a little tricky. I'm suggesting the approach listed under the heading Combination toward the end of this article: https://www.quirksmode.org/js/this.html
Modified by jscher2000 - Support Volunteer
thanks dear Sir "jscher2000"