jQuery - How can I check whether or not a textbox has focus or has a mouse click inside it?

Question

5.00/5 (1 vote)

See more:

Hi everyone!

I am trying to detect whether or not a textbox has focus or has a mouse click. This is what I have right now.

JavaScript

if($("textbox").is(":focus"))
{
     $(#div).fadeOut(2000);
}

Currently I'm not seeing any changes nor getting any errors. Can someone show me what I'm doing wrong or how to best detect mouse clicks for textboxes?

Posted 6-Jan-14 9:53am

joshrduncan2012

Add a Solution

Comments

Kornfeld Eliyahu Peter 6-Jan-14 16:07pm

Can you show your markup where 'textbox' is declared?

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2014-01-06T17:30:00

Solution 1

You should handle the Event focus.

Demo - [Demo] Detect TextBox Focus[^]

JavaScript

$("#textbox").focus(function () {
    alert("TextBox is Focused. The Div will Fade Out Now");
    $('#div').fadeOut(2000);
});

Note the Changes here...

#textbox -> # is appended to select the TextBox with ID.
$('#div').fadeOut(2000); -> quotes around #div were missing.

Posted 6-Jan-14 17:30pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

joshrduncan2012 7-Jan-14 9:43am

That worked beautifully. Thank you Tadit! :) My +5.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 7-Jan-14 9:48am

Most welcome buddy. :)

Thanks for up voting and accepting the answer. :)

Mohibur Rashid · Accepted Answer · 2014-01-06T20:42:00

Solution 2

Testing both in firefox and chrome, it seems that onfocus triggered first and then click get triggered.

You better work with onmousedown or whatever it is available in jquery. onmousedown would be processed first. then you can decide whether it is focus or click.

To solve the problem that you are actually facing follow Tadit Dash suggestion

Posted 6-Jan-14 20:42pm

Mohibur Rashid

Comments

joshrduncan2012 7-Jan-14 9:43am

Tadit's answer was successful. Thanks Mohibur.

jQuery - How can I check whether or not a textbox has focus or has a mouse click inside it?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

jQuery - How can I check whether or not a textbox has focus or has a mouse click inside it?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us