How to restore focus to an input field


 Hi Experts!

 Another spacy problem :) I have an overlay form with several options, an input field and 2 submit buttons. However when user does tab navigation, after the last overlay button it jumps out from the overlay into the "underlaying" page.
I tried the code bellow but it doesn't work :( . it stil jumps outside the overlay.
My goal is that as soon as the user leaves with TAB the clearFormButton it jumps automatically in the overlay input field.

Thanks
<script>
	jQuery(function () {

		jQuery('#clearFormButton').blur(function () {
			jQuery('#codeTextInput').focus();
		});	
		
	});

</script>

Open in new window

dlcnetAsked:
Who is Participating?
 
StealthyDevCommented:
Yes, your code will work...

I have tested with a sample page as below:

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<input type="text" id = "codeTextInput">
<input type="button" value="hello" id = "clearFormButton">
<input type="text" id = "codeTextInput2">

<script>
	jQuery(function () {

		jQuery('#clearFormButton').blur(function () {
			jQuery('#codeTextInput').focus();
		});	
		
	});

</script>

Open in new window

0
 
Albert Van HalenAnalyst developerCommented:
Waht if you do shift-tab...
0
 
StealthyDevCommented:
Shift-Tab is also = blur... :)
0
 
dlcnetAuthor Commented:
Well I was right :)

I later saw that where some tabItems there. This made the jQuery code not to work anymore.

Strange :)
0
 
Albert Van HalenAnalyst developerCommented:
Of course, only the focus is set to the previous control instead of the next... ;-)
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.