Capturing Enter KeyDown in a TextBox

[George Durzi]

I have a text box and a button, and I want the enter key to run the click
event of the button. The textbox and button are inside a user control. I
tried all sorts of stuff with the __EVENTTARGET hidden field with no luck.

Here's what I'm doing

function KeyDownHandler( btn)
{
if (event.keyCode == 13)
{
event.returnVal ue=false;
event.cancel = true;
btn.click();
}
}

<asp:TextBox ID="txtNewsFeed Name" Runat="server" MaxLength="100"
Columns="35" onKeyDown="KeyD ownHandler('btn CreateNewsFeed' )"></asp:TextBox>
<asp:button ID="btnCreateNe wsFeed" Runat="server" Text="Add"
CssClass="submi tbutton" CausesValidatio n="False"></asp:button>

When I hit Enter when typing inside the TextBox, the KeyDownHandler function
gets executed, but I get an error on the btn.click(); line.

The error is: object doesn't support this property or method.

Verified that btn is coming in as btnCreateNewsFe ed. Dunno if you need to do
casting in JavaScript, but how is this function supposed to know that this
is a button...

How can fire the click event of that button?

[hb]

Think about the value you pass to the function. You are passing the ID of
the btn, so you can't just call btn.click(); - that's the same as saying
'btnCreateNewsF eed'.click() and that will not work.

Instead, replace btn.click(); with document.getEle mentById(btn).c lick();
"George Durzi" <gd****@hotmail .com> wrote in message
news:eD******** ******@TK2MSFTN GP09.phx.gbl...

I have a text box and a button, and I want the enter key to run the click
event of the button. The textbox and button are inside a user control. I
tried all sorts of stuff with the __EVENTTARGET hidden field with no luck.

Here's what I'm doing

function KeyDownHandler( btn)
{
if (event.keyCode == 13)
{
event.returnVal ue=false;
event.cancel = true;
btn.click();
}
}

<asp:TextBox ID="txtNewsFeed Name" Runat="server" MaxLength="100"
Columns="35" onKeyDown="KeyD ownHandler('btn CreateNewsFeed' )"></asp:TextBox> <asp:button ID="btnCreateNe wsFeed" Runat="server" Text="Add"
CssClass="submi tbutton" CausesValidatio n="False"></asp:button>

When I hit Enter when typing inside the TextBox, the KeyDownHandler function gets executed, but I get an error on the btn.click(); line.

The error is: object doesn't support this property or method.

Verified that btn is coming in as btnCreateNewsFe ed. Dunno if you need to do casting in JavaScript, but how is this function supposed to know that this
is a button...

How can fire the click event of that button?

[George Durzi]

That's a great solution, thank you

"hb" <hb************ ****@merc.merce r.edu> wrote in message
news:2h******** ****@uni-berlin.de...

"George Durzi" <gd****@hotmail .com> wrote in message
news:O$******** ******@TK2MSFTN GP11.phx.gbl...

As I mentioned, by textbox and button are in a user control,

So I actually have to do

KeyDownHandler( 'usercontrolnam e:btnCreateNews Feed')

since that's how the element is being rendered.

And of course, as you suggested, with the
document.getEle mentById(btn).c lick();

It now works

Thank you

Glad you figured out the ID - I thought about that after I posted my reply
but hoped you would realize the solution.

I usually make sure the Button's Client ID is always correct by assigning
the onKeyDown event in code-behind, like this:

textBox.Attribu tes.Add("onKeyD own", "KeyDownHandler ('" + btn.ClientID +
"')");

Why? Because 'usercontrolnam e:btnCreateNews Feed' doesn't apply if you for
any reason add the control dynamically, because then it is something like
'_ctl2:btnCreat eNewsFeed'.