How to handle input OnKeyPress in FireFox?

**nicebasic** · Apr 17 '12, 11:50 PM

I found a solution for FireFox, but IE does not work now.

Inspired by the following page:

http://stackoverflow.com/questions/642040/firefox-onkeydown-detect-pressed-key

I have changed the code like this:

Code:

<script type="text/javascript">
function getEnterKey(evt)
{
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode == 13)
    {
        sendIt();
        //return true;
    }
}
</script>
<input type="text" name="message" id=message size="76" onKeyDown="return getEnterKey(event);">
&nbsp;
<input type="submit" value="Send" name="B1" onclick="alert('demo')">

It works properly in Firefox now, but unfortunately it doesn't seem to work in IE.

What's wrong with this?

Any help or suggestion will be appreciated.

**Dormilich** · Apr 18 '12, 05:25 AM

IE (IIRC before 9) uses a different event model and does not pass the event object to the handler function but uses a global object: window.event.

**nicebasic** · Apr 18 '12, 02:09 PM

Can you help me change this script to make it compatible with both IE and FF?

I'll be really grateful to you.

**Dormilich** · Apr 18 '12, 02:13 PM

it depends on how far you want to go back (IE 10 .. 6) to support it. generally, as of IE9 DOM Events are supported.

**nicebasic** · Apr 18 '12, 02:32 PM

I'd like it to be compatible with all major browsers one of which is IE. For IE, as many versions as possible is the answer.

I hope you can give me a solution.

I have searched a lot and found very little to help me.

Using this like as a source of inspiration:

Just a moment...

http://stackoverflow.com/questions/642040/firefox-onkeydown-detect-pressed-key

here's a demo I wrote to check its compatibility with IE and FF:

Code:

<script>
function getEnterKey(evt)
{
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode == 13)
    alert("mine");
    //return true;
}
</script>



<input type="text" onkeypress="return getEnterKey(event);">
<input type="text" onkeydown="return getEnterKey(event);">

It works both in IE and FF. In this code, I have used Alert to check whether the function is called or not.

But, in the main example given in the 2nd post of this topic, IE does not work properly. You have to press "Send" button to post data.

I don't know what's wrong. I'm stuck.

**nicebasic** · Apr 18 '12, 04:32 PM

Using this golden page again:

Just a moment...

http://stackoverflow.com/questions/642040/firefox-onkeydown-detect-pressed-key

and using your kind advice, I came to a solution to this odd problem. I added this function to the <Head> of my HTML page:

Code:

<script type="text/javascript">
function getEnterKey(winEvent)
{
    var keyCode;
    // event passed as param in Firefox, not IE where it's defined as window.event
    if(!winEvent) {
        winEvent = window.event;
        keyCode = winEvent.keyCode;
    }
    else { // ff
        keyCode = winEvent.which;
    }

    if (keyCode == 13)
    {
        sendIt();
        //return true;
    }
}
</script>

The code works in IE and FF now. I need your advice on it. Is it a standard way of handling this? You seem to be an expert in this area.

**Dormilich** · Apr 18 '12, 07:00 PM

Is it a standard way of handling this?

when IE is involved, it is not standard any more (that’s more a figure of speech though, but it is well as long as you can make IE do as wanted)

**nicebasic** · Apr 18 '12, 10:08 PM

I'm sorry to ask you another question, Dormilich.

How do you quote some part of a post that is written in gray color? I think you have a special BB Code for that.

Thank you for your helpful comments.

**Dormilich** · Apr 19 '12, 05:19 AM

indeed, Moderators have a quote-button. *gg*

How to handle input OnKeyPress in FireFox?

How to handle input OnKeyPress in FireFox?

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment