Question

我使用了简单的html

<input type="number">

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

Answer 1

嗯，我对此感到惊讶，但它看起来像一个bug，至少在Chrome中。（Edge根本没有显示箭头，Firefox表现正常。）

mousemove事件监听器（在元素或文档上）打破INPUT TYPE =＆＃34; number＆＃34;如果存在e.preventDefault（）：

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

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

有人可以证实吗？

Answer 2

试试这个：

<input type="number" step="1" >

此处在步骤选项中，将要增加或减少的值设为value.i.e如果设置step = 0.5，并且单击向上箭头上的值为5，则会将值更改为5.5

我希望这对你有用

Answer 3

你可以试试这个：

<强> HTML

devenv /setup

<强> JQuery的

<div id="incdec">
<input type="text" value="0" />
<img src="up_arrow.jpeg" id="up" />
<img src="down_arrow.jpeg" id="down" />
</div>

Answer 4

试试吧。输入字段需要关注增量/减量值。

<input type="number" autofocus="autofocus">

Answer 5

经过大量尝试删除JS CSS n all。来了解＆＃34; ember-view＆＃34;上课正在创造这个问题。我正在使用ember和div使用输入类型=＆＃34;数字＆＃34;正在上课＆＃34; ember-view＆＃34;。删除该类使文本框工作正常:)。谢谢。较早

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

现在

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

Answer 6

对我来说，桌面 Chrome 上会显示箭头，但我非常努力地从移动浏览器（如移动 Chrome）中恢复箭头，我尝试了很多解决方案都没有成功。

最终我决定在输入端制作一些漂亮的按钮。我编写了代码，只要您尊重 id 编号，您就可以添加任意数量的按钮。我邀请您查看我在另一个类似帖子中发布的片段。