JQuery and ASP.NET - forced button clicks

Question

I have an ASP.NET page that has a form on it. It also has a search form. The search is located in the upper right corner of the page, so the search button is the first hierarchy of the control added.

When you are working on another form and press the enter key, it will click on the search button. I do not want this, I would prefer that when you click the button, click the button to click the form.

I tried using jQuery as follows:

$('#textBoxId').keyup(function(e) { if(e.keyCode === 13) { $('#buttonId').click(); e.preventDefault(); } }); 

But the form presented means that the client-side check was not performed (i.e. the onclick event handler did not start on the button).

What is the best way to achieve this?

Answer 1

Try this instead.

 $('#textBoxId').keydown(function(e) { if(e.keyCode === 13) { e.preventDefault(); $('#buttonId').trigger('click'); } }); 

Answer 2

This code works in IE and FF:

 $('#textBoxId').keydown(function(event) { var e = event || window.event; var keyCode = document.all ? e.keyCode : e.which; if (keyCode == 13) { e.preventDefault(); $('#buttonId')[0].click(); } }); 

It is important to remember that calling jQuery click () only calls all handlers attached to the click event. It does not call the base click () method of the html object. This must be done manually, extracting the elements from the jQuery array according to the last line in the if statement.