jQuery click doesn't work on html input

Question

I have an input

<input type='text' id='email'/>

For some event I'd like to focus on that textbox

$('#email').click()

But this code doesn't work for some reasons (Chrome). How can I achieve my goal?

Do you have any other elements with the id of email? If so, then they might conflict with each other - ids are meant to be unique. Is the code executed after the element has been loaded? It would also be useful if you posted more of your script... — PeterTheLobster
– PeterTheLobster, Commented Dec 10, 2016 at 18:08

Jai · Accepted Answer · 2016-12-10 18:08:30Z

1

Instead of click you should use focus() to have a focus on the desired target element and make sure to wrap it inside doc ready block:

$(function(){ // <-------doc ready
   $('#email').focus(); // <----use focus event
});

Document ready ensures that DOM is ready and can be used. Either you wrap your js code inside this block or put the script at the bottom of the page. which runs when whole page gets loaded.

If you are using HTML5 then you might look into autofocus attribute:

<input type='text' id='email' autofocus />

answered Dec 10, 2016 at 18:08

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery click doesn't work on html input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related