Setting focus on a button is not working

jquery setfocus
Lamps picture Lamps · Oct 18, 2011 · Viewed 42.1k times · Source

I am trying to set the focus to a button while the user presses the Enter key in the text box. But it is not working. I am using the Internet Explorer 8 browser. Am I missing something?

$("input.Box").live('keydown', function(e) {
    if (e.keyCode == 13) {
        e.preventDefault(); 
        $("#button").focus(); // Not working?
    }
});

Answer

Ankit Soni picture Ankit Soni · Oct 18, 2011

The problem is that IE is not able to respond quickly enough, so you need to add a small delay between when the live function is entered, and when .focus() is called. So, replace

$("#button").focus();

with

setTimeout(function () {
 $('#button').focus();
}, 100);

This, in conjunction with using e.which with e.keyCode as Blender suggested should fix your issue.

Related questions

Set focus to field in dynamically loaded DIV

What is the proper method to set the focus to a specific field within a dynamically loaded DIV? $("#display").load("?control=msgs"); // loads the HTML into the DIV $('#display').fadeIn("fast"); // display it $("tex#header").focus(); // ?? neither that $("input#…

Read More
Set keyboard focus to a <div>

I have the following code snippet: <div id="listbox1div" style="z-index:95; background:white; overflow-y:auto; overflow-x:hidden; width:240; height:314px;"> <a id="focusLink2"></a> <table id="ptObj_listbox1... I have a page …

Read More
How to set focus using jQuery on an element that has just appeared

I have a document ready block as follows: $(document).ready(function () { $('#addTagLink').click(function () { $('#addTagField').show(); $('#addTagField').val(""); $('#addTagField').focus(); }); }); The addTagField is a regular text input that has display:none set by css on page …

Read More