.focus() event is not working

Question

when my php page loads some jQuery should set focus to my input textbox but it does not

I have tried css selectors like input[tabindex=1] and #31 but to no avail...

here is the jQuery (version 1.7.1)

$(function() {
$('input[tabindex=1]').focus(); // also tried   $('#31').focus(); 
});

and here is the HTML

<input tabindex='1' type='text' class='tablefilter' id='31' style='width:80px;border:inset 2px grey;background-color:white;font-size:12px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;'/>

any clues as to why this isn't working?

What browser? Sometimes doing the focus in a `setTimeout()` (with a very short timer) helps. — Pointy, Jul 05 '12 at 15:33
using IE9 let me test with ff and chrome, i have those installed too — ScottC, Jul 05 '12 at 15:42
nope doesn't work in FF either (on a side note FF is painfilly slow to open that's why I use IE, it opens very quickly, no addons in FF so it shouldn't be slowed by anything like that), and Chrome also fails — ScottC, Jul 05 '12 at 15:45
fyi "31" is no valid `id`: http://www.w3.org/TR/html4/types.html#type-id — greut, Jul 05 '12 at 15:52
I am using a numeric ID for a reason to filter (hide) table rows based on text typed into the text field in question, it works now though — ScottC, Jul 05 '12 at 15:57
and EWW html4?? I am coding with HTML 5 standards, they're a little looser — ScottC, Jul 05 '12 at 15:59

score 0 · Answer 1 · answered Jul 05 '12 at 15:37

0

check this out, i just tried your code, it works. which version of jquery are you using? which browser are you using, try open console to see, if there is an exception.

here is the demo: DEMO

answered Jul 05 '12 at 15:37

Jaiwo99

9,687
3
36
53

jquery-1.7.1.js ie9 thats neat but since my code is exactly the same it doesn't help a lot, but its somewhat comforting to know it works for you :) – ScottC Jul 05 '12 at 15:52

.focus() event is not working

1 Answers1