如何将事件侦听器添加到 <input type=number> 的默认箭头按钮答案

【问题标题】：How to add an event listener to the default arrow buttons of <input type=number>如何将事件侦听器添加到 <input type=number> 的默认箭头按钮
【发布时间】：2020-07-09 16:37:31
【问题描述】：

    <input type="number" id="test">

通常情况下，要为的整个字段设置一个事件监听器，我们可以使用

    $("#test").on("click", function() {});

或

    document.getElementById("test").addEventListener("click", function() {});

但是如何为输入框右侧的两个箭头按钮设置事件监听器呢？

有人知道使用什么选择器吗？或者这是不可能的？

【问题讨论】：

只需绑定 onchange 或 change 事件，您就会在其中获得值。个人点击在这里不起作用。
许多 SO 问题的可能重复，例如stackoverflow.com/questions/3940258/…
这能回答你的问题吗？ What events does an <input type="number" /> fire when it's value is changed?

标签： javascript html jquery css events

【解决方案1】：

我认为您不能在输入类型编号上使用事件侦听器。但是，您可以在输入标签上使用 onchange。

onchange 每次更改值时都会调用函数（本例中为 myfunction）。

function myfunction(){
        var number = document.getElementById("test");
        console.log(number.value);
    }

    &lt;input id="test" type="number" value="" onchange="myfunction()"&gt;

【讨论】：