Comments on: JavaScript – Auto Set Focus When Page is Done Loading

By: sangita

sangita — Wed, 24 Nov 2010 13:27:58 +0000

i have the problem to set focus. In my case when some on change event fire the page become loaded and the cursor move to the address bar of the web page .But i need to keep focus on same element after page load which is focused before.Plzzzzzzzzzzz urgent help me… i have tried no of ways…

advanced thanks

By: Srimanta Chakraborty

Srimanta Chakraborty — Mon, 19 Apr 2010 09:35:35 +0000

Thanks a lot for helping me to set the default focus on the text field.

By: Joshua Hatfield

Joshua Hatfield — Mon, 15 Jun 2009 15:32:53 +0000

Edited:

[Note] — = less than / greater than

@John I agree to an extent but if you have a commonly used input box on the top of the page, then you should add the focus code directly after the input while disregarding the onload event.

Example:
Search: –input type=”text” name=”searchtext” id=”searchtext” value=”" /–
–script language=”JavaScript” type=”text/javascript”–
s = document.getElementById(‘searchtext’);
s.value = ”; s.focus();
–/script–
–input type=”submit” name=”submit” value=”Search” /–

Is it shitty to have Javascript outside the head element? Yes. But there are workarounds.

By: Joshua Hatfield

Joshua Hatfield — Mon, 15 Jun 2009 15:30:35 +0000

@John I agree to an extent but if you have a commonly used input box on the top of the page, then you should add the focus code directly after the input while disregarding the onload event.

Example:
Search:

s = document.getElementById(‘searchtext’);
s.value = ”; s.focus();

Is it shitty to have Javascript outside the head element? Yes. But there are workarounds.

By: Eric Wendelin

Eric Wendelin — Mon, 15 Jun 2009 15:14:34 +0000

Oh also, document.activeElement was IE-only last I heard. Bad!

By: Eric Wendelin

Eric Wendelin — Mon, 15 Jun 2009 15:12:36 +0000

Agreed with John.

What if…. we checked if all inputs are empty before focusing anything? This is trivial to do in JavaScript, and would make it a LOT less annoying.

By: John Rockefeller

John Rockefeller — Mon, 15 Jun 2009 12:09:23 +0000

You’re my friend, Fettes, but I totally disagree here. The most annoying thing in the world (next to rebooting for Windows Vista updates) is when your cursor moves as you’re typing something because you navigated to a new page. Let me control my own mouse and stop moving the focus.

A user interface should never move as you go to use it!!!

By: baimusenlin

baimusenlin — Mon, 15 Jun 2009 07:30:43 +0000

i use jquery
$(document).ready(function(){

$(“#loginName”).focus();
});

By: thezilch

thezilch — Sun, 14 Jun 2009 07:17:01 +0000

If using this technique, consider using document.activeElement first to discover whether you would stealing focus from already focused, form elements or other notable page elements.