箭头不能处理输入类型="数字"

Question

我用了一个简单的html

<input type="number">

它显示一个带有向上和向下箭头的文本框,但箭头不起作用.可以使用键盘和鼠标滚动上的箭头递增/递减该值,但是当我单击任何箭头时,似乎单击向下箭头并且框中的值保持不变.请建议我该怎么做!

Answer 1

好吧，我对此感到惊讶，但至少在Chrome中看起来像个bug。（Edge根本不显示箭头，Firefox运行正常。）

如果存在e.preventDefault（），则mousemove事件侦听器（在元素或文档上）将使INPUT TYPE =“ number”中断：

<input type="number" value="1"/>

$(function() {
    $(document).on('mousemove', function (e) {
        e.preventDefault();
    });
});

参见https://jsfiddle.net/MCAU/Lpojfrm2/

有人可以确认吗？

Answer 2

经过如此多的尝试，完全删除 JS CSS。知道“ember-view”类造成了这个问题。我正在使用 ember，并且我使用 input type="number" 的 div 具有类“ember-view”。删除该类可以使文本框正常工作:)。谢谢。早些时候

<div class="ember-view">
<input type="number">
</div>

现在

<div>
<input type="number">
</div>