Check if input field has focus and pass input variable to function

Question

I have an input field which will be updated every x seconds:

<input type="number" name="METER" id="METER.NUM" min="0" max="500" step="0.10" oninput="setMeter(currentValue);" >

Now, I want to check if the input field has focus (user clicked into the field).

If the field has focus:

This is the javascript code:

if (document.getElementById(array[0]).name == "METER") {
    // check if the input field has focus
    // stop updating
}

What's wrong with my approch/code? I think one problem is, that the function call by oninput doesn't work. But it works by onClick.

have you tried using the 'onChange' event. http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange — Skywalker, Oct 20 '15 at 13:01
@Onilol I've seen that question but I don't know how to use $("..").is(":focus") — Philies, Oct 20 '15 at 13:09
I've tried this: if(document.getElementById(array[0]).is(":focus")) — Philies, Oct 20 '15 at 13:11
@Philies that checks if an element has the pseudo-class focus . Try something like this : `$(my_element_id_here).is(":focus")` — Onilol, Oct 20 '15 at 13:13
@Onilol Sorry, did not see that. I proposed a fix for the tags. — fboes, Oct 21 '15 at 12:05

score 1 · Accepted Answer · answered Oct 20 '15 at 13:12

1

use onfocus = myFunction()

function setMeter() {
    console.log('hey, im focused');
    // do stuff here
}

<input type="number" name="METER" id="METER.NUM" min="0" max="500" step="0.10" onfocus="setMeter();" >

answered Oct 20 '15 at 13:12

indubitablee

Idea: use `onfocus="setMeter(this);"` and `function setMeter(el)` to access properties of clicked element as well – fboes Oct 20 '15 at 13:18

1 Answers1