Hi,

I have an input with an onbluer event handler like this:

<input type="text" class="Box" onblur="SaveResultsTitleGrid(this);" onfocus="Edit(this);" >

When the user clicks outside the text box, the SaveResultsTitleGrid() function is called and everything works fine.

However, if the user press the "enter key" on the keyboard I would like to call the same function and leave the text box.

I have tried the code below but it is not working as expected.

document.onkeydown = getKey

/*Catches the enter key*/

function getKey(keyEvent)
{
   keyEvent = (keyEvent) ? keyEvent : window.event
   input = (keyEvent.target) ? keyEvent.target : keyEvent.srcElement;

   if (keyEvent.type == "keydown")
   {
       if(keyEvent.keyCode==13)
       {
          SaveResultsTitleGrid(input)
       }
       else
       {
          return
       }
   }
}

function SaveResultsTitleGrid(obj)
{
    var TitleText = obj.value; // Result to be recorded
    var SurveyID = obj.id.split(',');
    -----
    -----
}

I think the function is being called twice i.e. once for the blur event and once for when the enter key is pressed.

I would appreciate if someone could shed some light. How can I get the onblur event to work properly when the user presses the enter key?

Cheers

P

You are probably correct; you are getting called both by the Enter key and the onblur.

Okay, so why not simply have the Enter key move the focus to the next form field, which will of course cause the onBlur for the text field to be invoked?

Silly example (works only in MSIE, to keep it small), but clearly shows that the onBlur is *NOT* being invoked twice when you use this scheme:
By the by...
(1) Why do you put the event handler for keydown on the entire document, instead of only on the field you care about?
(2) Why do you check for the event *being* keydown when the only way to get to the event handler is, indeed, via a keydown?

Hi Old Pedant,

Thanks for your reply.

I had the same idea to have the enter key move the focus to another field but this text box is the only field I have on the page.

If I alert the user to use the mouse to click outside the text box and then return false then it sort of works. But it would be nice if I could also run the function.

You are right. I will try to move the handler to the field only instead of whole page.

document.onkeydown = getKey

    /*Catches the enter key*/
    function getKey(keyEvent)
    {
        //debugger
        keyEvent = (keyEvent) ? keyEvent : window.event
        input = (keyEvent.target) ? keyEvent.target : keyEvent.srcElement;
        if (keyEvent.type == "keydown")
        {
            if(keyEvent.keyCode==13)
            {
                //SaveResultsTitleGrid(input)
                alert("Please use your mouse to click outside the text box")
                return false
            }
            else
            {
                return
            }
        }
    }

So simply invoke the blur function from the enter key code.

<input name="t1" onBlur="this.form.copy.value += this.value;"
       onKeyDown="if ( window.event.keyCode == 13 ) this.blur();">

Haven't tried that. Logic says it should work, but then there is MSIE.

Hi Old Pedant,

Thanks again. I will try the code above.

Cheers

P