Как отлавливать change на input type time?

Question

[Malkolm]

есть input type=time мне надо отловить событие изменения в нем данных. использую onchange но он срабатывает когда я ввожу 1 цифру минут, а надо чтобы после полного ввода только срабатывал

Comments

[Ice]

а как вы понимаете полный ввод?
событие onchange и так срабатывает после полного ввода (часы и минуты).
https://codepen.io/anon/pen/MNeGGR
вы не можете предсказать какое число хочет указать пользователь.
решение: отслеживать потерю фокуса или меняйте тип на select

Answer 1

[Антон Усачев]

Либо считать длину строки (.val()) и ставить событие по достижении нужной длины строки по keyup, либо вешать событие на blur, т.е. когда пользователь все написал и убрал фокус с инпута.

Comments

[Malkolm]

длинна строки не вариант, потому, что когда я ввожу 3 цифру, то 4 автоматически дописывается 0 (т.е. достигается длинна строки сразу), если же я ввожу 4ю цифру, то происходит замена этого нуля.
Ну, я и так на blur сделал, потому, что других вариантов пока не вижу

[Антон Усачев]

Malkolm, задай ему значение по умолчанию, тогда любое изменение будет считаться как вмешательство в это значение.

<input type="time" value="00:00" autocomplete="off">