onKeyPress() not working in mozilla. PLease Help.

[Nitinkcv]

Hi,

I have a textbox which takes in values and besides it there is a submit button. Currently on click of the submit button calls a java script function and redirects to a page.

So currently after entering the values on hitting the enter on the keyboard does not call the JS Function.

So how can i went on to implement this where on hitting enter it calls my JS function:

JavaScript Function:
function txtKeywordKeyPress() {


if (window.event.keyCode == 13)
{
var keyWord = trimAll(document.getElementById('satitleTextBox'). value);
if(keyWord.length > 0)
{
Search_Click();
return true;
}
}


}

html code:

<input type="text" onkeypress="txtKeywordKeyPress()" size="40" maxlength="300" id="satitleTextBox">

Its worknig fine in IE but not in Mozilla..

PLease help..

[mrhoo]

It's not just firefox.
Most browsers outside of IE do not have a global window.event.
They pass the event on to the individual event handler-

function txtKeywordKeyPress(e){
    e= e || window.event;
    if (e.keyCode == 13){
        var keyWord = trimAll(document.getElementById('satitleTextBox'). value);
        if(keyWord.length > 0){
            Search_Click();
            return true;
        }
    }
}

[Nitinkcv]

Hi,

So how should i call my script function, something like:

<input type="text".... onkeypress="txtKeywordKeyPress(e)" />

Thanks,
Nitin

[mrhoo]

To call it from inline html, use 'event'-
<input type="text".... onkeypress="txtKeywordKeyPress(event)" />

But better is to separate javascript from html.
In a script you can set inputelement.onkeypress=txtKeywordKeyPress;
and pass the event automatically.