检测单击了<input type =“ number” />的哪一部分？

Question

是否可以检测到单击了<input type='number'>控件的哪个部分？还是单击控件的“向上/递增”或“向下/递减”部分时是否存在单独的事件/属性？

我意识到我可以获取“ input”事件来检测该值，但是我真正需要的是在最小/最大时检测一个增量/减量。 （我正在尝试实现“循环”行为，以使min减1可使控制达到最大值。）

Answer 1

您在使用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'）决定何时停止执行此操作并执行某些操作（如果需要），我可以编写一个功能为您服务，我不知道您处于哪个阶段。

Answer 2

您只需要观看onChange事件并在达到最大值时设置最小值，而在达到最小值时设置最大值。 如果您想更具体一点，单击“向上”和“向下”箭头时会触发 oninput