how to get the value from an event target in js

Question

inside js function I'm receiving event as parameter, how do you get the value of the event target?

function myFn(event){
    ...
    close: function(event){
        var myVal = ... 
        /// should grab from 
        /// event-> arguments -> [0]->target -> property value painted in yellow (abc)        
    }
}

Callas

What is the question? – Trichomonad

How is myFn invoked? – Levins

I though it was obvius that I need to get abc value from highlighted part of the image, mentioned on the comment also. – Callas

Answer 1

Try:

var myVal = event.target.value;

Bedpost

Despite the lack of clarity in the question. I think this is the answer the OP is looking for. – Trichomonad

Thanks this partially solves the problem, if I type fast enough myVal gets populated with first 4,5 letter, after that it stays on that no matter what I type afterwards. But if I wait couple of seconds then it updates the values again. – Callas

@Callas What event listener are you using? – Kibe

Spent two hours in jQuery only to find that the solution is that simple. – Preset

probably using onChange event, you need onInput – Christiniachristis

Answer 2

This will work:

(<HTMLInputElement>event.target).value

or

event.target as HtmlInputlement

Cableway

Answer 3

Try:

function($event) {
  const value = $event.target.value;
  ...
}

Gintz

you can use event.target.getAttribute('value') – Madriene