箭頭=「數量」

Question

我用一個簡單的HTML

<input type="number"> 

它示出了文本框與向上和向下箭頭，但箭頭不工作。該值可以通過鍵盤和鼠標滾動上的箭頭遞增/遞減，但是當我點擊任何箭頭時，似乎單擊向下箭頭並且框中的值保持不變。請建議我該怎麼做！

Answer 1

經過這麼多嘗試刪除JS CSS所有。要知道，「灰燼觀」班正在創造這個問題。我使用的是燼和我使用輸入類型=「數字」的div有類「燼視圖」。刪除該類使文本框工作良好:)。謝謝。 此前

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

現在

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

Answer 2

試試這個：

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

以下步驟選項讓你想增加或減少到value.ie如果設置步長= 0.5的價值和你的價值是5單擊向上箭頭它將值更改爲5.5

我希望這會爲你工作

Answer 3

你可以試試這個：

HTML

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

JQuery的

$(document).ready(function(){ 
$("#up").on('click',function(){ 
    $("#incdec input").val(parseInt($("#incdec input").val())+1); 
}); 

$("#down").on('click',function(){ 
    $("#incdec input").val(parseInt($("#incdec input").val())-1); 
}); 

}); 

Answer 4

試試吧。 輸入字段需要焦點增加/減少值。

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

Answer 5

嗯，我感到意外，但它看起來像一個錯誤，至少在Chrome中。 （邊緣根本不顯示箭頭，我沒有其他瀏覽器方便。）

如果e.preventDefault（）函數調用了mousemove事件偵聽器（在元素或文檔上），則會中斷INPUT TYPE =「number」存在：

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

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

見https://jsfiddle.net/MCAU/Lpojfrm2/

任何人都可以證實這一點？