Populating input box that has focus with buttons

Question

I am trying to input numbers into a input boxes from buttons. I am having a hard time figuring out how to find which input box has focus. Is there anything to tell me which input box has focus?

As you say you are setting the value with button, you must be using Javascript already. Care to share what you have already? — Moe Tsao, Jan 06 '14 at 18:01

score 1 · Accepted Answer · answered Jan 06 '14 at 18:02

1

Use

var focused =  document.activeElement;

answered Jan 06 '14 at 18:02

Lloyd Banks

35,740
58
156
248

score 0 · Answer 2 · edited May 23 '17 at 11:59

0

Perhaps create a new selector:

jQuery.expr[':'].focus = function( elem ) {
  return elem === document.activeElement && ( elem.type || elem.href );
};

and test it like this:

if ($("#idOfTextBox").is(":focus")) {
  ...
}

See Using jQuery to test if an input has focus

edited May 23 '17 at 11:59

Community

1
1

answered Jan 06 '14 at 18:01

Cilan

13,101
3
34
51

score 0 · Answer 3 · answered Jan 06 '14 at 18:05

Not sure if this is what you're trying to do:

It creates a button next to a text field, then you clic on the button and it sets focus to the text field

<form name="myform2">
<input type="text" name="mytextfield2">
<input type="button" name="mybutton" value="Set Focus" OnClick="document.myform2.mytextfield2.focus();">
</form>

Or with javascript:

<script type="text/javascript" language="JavaScript">
document.forms['myform'].elements['mytextfield'].focus();
</script>

Populating input box that has focus with buttons

3 Answers3