Check if input field has focus and pass input variable to function [duplicate]

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. w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange — Skywalker
– Skywalker, Commented Oct 20, 2015 at 13:01
@Onilol I've seen that question but I don't know how to use $("..").is(":focus") — Philies
– Philies, Commented Oct 20, 2015 at 13:09
I've tried this: if(document.getElementById(array[0]).is(":focus")) — Philies
– Philies, Commented Oct 20, 2015 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
– Onilol, Commented Oct 20, 2015 at 13:13

indubitablee · Accepted Answer · 2015-10-20 13:12:31Z

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, 2015 at 13:12

indubitablee

8,2262 gold badges27 silver badges49 bronze badges

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

1 Comment

Idea: use onfocus="setMeter(this);" and function setMeter(el) to access properties of clicked element as well