Текущий элемент как его параметр функции Event

Question

У меня есть элемент

<input type="text">

На это есть событие

onChange="myfunction(param)".

"param" - это содержимое самого ввода. Как я могу справиться с тем, что, когда я запускаю onChange (поэтому завершите изменение поля), в этом параметре есть действительное значение этого поля?

Можно ли сделать что-то подобное:

onChange="myfunction(document.getElementById('this_id'))"

Answer 1

Вы можете передать this в myFunction, что будет input

<input type="text" onChange="myfunction(this)" />

, тогда myFunction может выглядеть так:

function myFunction(obj)
{
    var value = obj.value; // the value of the textbox
}

Answer 2

Чтобы получить .value, он должен выглядеть следующим образом:

<input type="text" onchange="myfunction(this.value)" />

Answer 3

Внутри встроенного обработчика событий this будет ссылаться на элемент DOM.

Следовательно, вы можете написать onchange="myfunction(this)", чтобы передать сам элемент DOM в функцию.