我创建了一个带有HTML数字输入字段的调查，并且我想更改单击数字输入微调器或用户首次向上或向下（“ ArrowUp”，“ ArrowDown”）时显示的值。
下面的代码和随附的小提琴提供了一个示例。单击微调器（输入字段右侧的按钮）时，数字字段从0开始。我希望能够更改此初始值（例如，设置为.53）。
<input type="number" min="-1" max="1" step="0.01" />
https://jsfiddle.net/pkzz6pno/
否则，输入字段必须为空（以避免尽可能多地影响用户响应，并使该字段很明显尚未填写）。因此，使用“值”或“ defaultValue”不会导致所需的解决方案。使用占位符也不起作用，因为这不会更改微调器的起始值。
我还发现了一些可以做到这一点的插件，以及一些有关如何关闭微调器的说明（http://www.virtuosoft.eu/code/bootstrap-touchspin/），但我希望能找到一种不太麻烦的方式解决方案。
如我所知，您需要一个解决方案，其中仅在用户开始与输入进行交互之后才显示初始值。因此，我建议对input事件做出反应。该方法如下所示：
var initialValue = 0.53;
var $spinner = $("#spinner");
function setDefaultValue() {
$(this).val(initialValue);
$(this).off("input", setDefaultValue);
}
$spinner.on("input", setDefaultValue);<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="spinner" type="number" min="-1" max="1" step="0.01" />本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句