How to find out if an element has focus

Frinavale

I've been searching for a little while now and can't figure out how to determine if a particular element has focus.

I'm changing either a text box representing the Hours in time or Minutes in time depending which text box currently has focus...

So basically I'm trying to change the value of a text field depending on weather or not it has focus...but for the life of me I can't figure out how to determine this.

My simple code so far:

Expand|Select|Wrap|Line Numbers

 
  <script type='text/javascript'>
 
        function Up(MinTextBox, HrTextBox)

         {

 ----------->if(document.getElementById(MinTextBox).......has focus?

             {          

                 document.getElementById(MinTextBox).value = Number(document.getElementById(MinTextBox).value) +1

              }

              else

              {

                  document.getElementById(HrTextBox).value = Number(document.getElementById(HrTextBox).value) +1

              }

         }

   </script>

Thanks in advance!

-Frinny

Frinavale

Quote:

Originally Posted by Frinavale

I've been searching for a little while now and can't figure out how to determine if a particular element has focus.

I'm changing either a text box representing the Hours in time or Minutes in time depending which text box currently has focus...

So basically I'm trying to change the value of a text field depending on weather or not it has focus...but for the life of me I can't figure out how to determine this.

My simple code so far:

Expand|Select|Wrap|Line Numbers

 
  <script type='text/javascript'>
 
        function Up(MinTextBox, HrTextBox)

         {

 ----------->if(document.getElementById(MinTextBox).......has focus?

             {          

                 document.getElementById(MinTextBox).value = Number(document.getElementById(MinTextBox).value) +1

              }

              else

              {

                  document.getElementById(HrTextBox).value = Number(document.getElementById(HrTextBox).value) +1

              }

         }

   </script>

Thanks in advance!

-Frinny

You know something I never thought of is when the button gets clicked it has focus. I guess I'm going to have to create a function for the text fields that sets a variable to the text field's name on the onFocus event.

-Frinny

mrhoo

IE has a document.activeElement property, but to make it compatible you'd have to define a global and write a new value from every element's focus event.

Much easier to call the function from both element's focus event, and query the event target (or srcElement) inside the function, to see who is calling.

Frinavale

Quote:

Originally Posted by mrhoo

IE has a document.activeElement property, but to make it compatible you'd have to define a global and write a new value from every element's focus event.

Much easier to call the function from both element's focus event, and query the event target (or srcElement) inside the function, to see who is calling.

Thanks for your response MrHoo.

This is precisely how I solved the problem.

:)
-Frinny

How to find out if an element has focus

re: How to find out if an element has focus

re: How to find out if an element has focus

re: How to find out if an element has focus

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about