Определить, какая часть <input type = 'number'> нажата?

Question

Можно ли определить, какая часть элемента управления <input type='number'> нажата? Или это отдельное событие / свойство, когда щелкается часть элемента управления «вверх / увеличение» или «уменьшение / уменьшение»?

Я понимаю, что могу получить событие «input», чтобы обнаружить значение, но что мне действительно нужно, так это обнаружить увеличение / уменьшение при минимуме / максимуме. (Я пытаюсь реализовать поведение «зацикливания», чтобы при уменьшении min управление перешло к максимальному значению.)

Answer 1

Вам просто нужно посмотреть событие onChange и установить минимальное значение при достижении максимального значения и максимальное при достижении минимального значения. Если вы хотите быть более конкретным, oninput запускается при нажатии стрелок «вверх» и «вниз»

Answer 2

Используете ли вы JavaScript? Если это так, вы можете легко использовать jquery для этого:

<input class='fancyClass' 'type='number'>

в JavaScript:

$('.fancyClass').on('click', function(){
//Do something
//console.log(this); = gives you the the properties of the object you can use
});

/ e: Вы можете, например, указать ключи данных в поле html:

<input class='fancyClass' 'type='number' data-max='20'>

Затем в функции javascript onclick вы можете увеличивать или уменьшать переменную, и с помощью $ (this) .data ('max') вы можете решить, когда прекратить это делать и что-то делать, если вы хотите, я могу написать полный Функция для вас, я не знаю, на каком этапе вы находитесь.