focus not working for input

Question

MY focus is not working

Code on JSFiddle:

HTML

<body>
    Email1<input type="email"><br/>

    <script src="jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="selectors.js" type="text/javascript"></script>
</body>

Script ...

$(document).ready(function () {

    var email_default = "Enter your Email address";
    $('input [type="email"]').focus();
});

similar post :

$.focus() not working

it says $(document).ready function should load completely and focus should be shift from console ..how to do it . I could't understand ...

2.jQuery focus function not working in Firefox

This is doesnt seem to be relevant ..

Please suggest

Can we see a demo? (jsfiddle/codepen/whatever) – bjb568 Apr 12 '14 at 02:52 — bjb568, Apr 12 '14 at 02:52
ok......... i have edited initial post – user3487944 Apr 12 '14 at 02:57 — user3487944, Apr 12 '14 at 02:57
move your js to the head before your ready function – Kevin Florida Apr 12 '14 at 03:07 — Kevin Florida, Apr 12 '14 at 03:07
code as as per tutorial .. – user3487944 Apr 12 '14 at 03:10 — user3487944, Apr 12 '14 at 03:10

score 2 · Answer 1 · answered Apr 12 '14 at 03:02

2

Why don't you use an ID for the email field.

Example:

<input id="input-email" type="email"/>


$("#input-email").focus()

A more simple way is to use the HTML5 autofocus feature:

<input type="email" autofocus="true">

answered Apr 12 '14 at 03:02

Eduardo

218
4
15

Ryan · Accepted Answer · 2014-04-12T03:08:01.207

0

To check if jQuery returned an object do this:

if($('.my-selector').length)) {
  // jQuery returned an object
}

You have an extra space in your selector. jQuery thinks your trying to access a child element of an input element. You need to change your code to this:

$('input[type="email"]').focus();

Also be sure that you are loading the jQuery library before you load your custom JavaScript.

http://jsfiddle.net/JLULx/2/

edited Apr 12 '14 at 03:08

answered Apr 12 '14 at 02:59

Ryan

14,392
8
62
102

Cant this type of syntax error be catched on compile Time ?? Is there tool available for Jquery ? – user3487944 Apr 12 '14 at 03:03
I also thought the problem was the blank space, but it didn't work. The problem is with JSFiddle – Eduardo Apr 12 '14 at 03:07

score 0 · Answer 3 · answered Apr 12 '14 at 03:06

0

Mmmmm, I think the problem is with JSFiddle.

For example if you run $("#run") on the browser console. It returns "null". It's supposed the ID "run" belongs to the run button on JSFiddle

answered Apr 12 '14 at 03:06

Eduardo

218
4
15

score 0 · Answer 4 · answered Apr 12 '14 at 03:20

0

There are two things missing on you fiddle - 1. You haven't included proper jQuery library instead trying with pure JS. 2. in your selector remove the space between 'input' and '[type="email"]'. (as answered by RPM)

answered Apr 12 '14 at 03:20

Vijay

2,965
1
15
24

focus not working for input

4 Answers4