Call OnClick Event of Button when Enter key pressed in TextBox

<< Fixed Header for Data Repeater Control | Home | Scroll Div on page load >>

Call OnClick Event of Button when Enter key pressed in TextBox

Problem: Say you have two Grid View controls on one page, each grid view has a TexBox and a 'search' button above it

TextBox1 btnSearch1 TextBox2 btnSearch2

Now if you press 'Enter' key in TextBox1, it will trigger btnSearch1_click event and when you press 'Enter' key in TextBox2, it still triggers btnSearch1_click

Solution: Add asp.net Panel tag and set DefaultButton property.

<asp:Panel ID="pnlSearch2" runat="server" DefaultButton="btnSearch2">
TextBox2 btnSearch2
</asp:Panel>

Print posted @ Thursday, January 08, 2009 4:15 PM

Feedback

# re: Call OnClick Event of Button when Enter key pressed in TextBox

Hi,

Try using following code -

function KeyDownHandler(e, btn) {
var eventInstance = window.event ? event : e;

if (window.event) // IE
{
if (eventInstance.keyCode == 13) {
eventInstance.returnValue = false;
eventInstance.cancel = true;
var obj = document.getElementById(btn);
obj.click();
return false;
}
}
else if (eventInstance.which) // Netscape/Firefox/Opera
{
if (eventInstance.which == 13) {
eventInstance.returnValue = false;
eventInstance.preventDefault();
eventInstance.cancelBubble = true;
var obj = document.getElementById(btn);
obj.click();
return false;
}
}
}

on text keypress, attach the above function and pass the id of the button as second parameter like -

txtTemplateName.Attributes.Add("onkeypress", "KeyDownHandler(event, '" + btnSearch.ClientID + "')");

--
Thanks,
Sunil 6/30/2009 1:19 AM | Sunil Sutar