Javascript JS输入微调器是否存在?没有JQUERY

Javascript JS输入微调器是否存在?没有JQUERY,javascript,input,spinner,Javascript,Input,Spinner,我正在寻找js微调器,如下图所示(左右控制键)。 但是我不想在我的项目中使用jquery。如果您有任何代码片段、有用的链接,请将其粘贴到此处。:)最好使用简单的短代码:) 也许它有另一个名字(不是spinner,而是…?) 现在您可以将其命名为:addSpinner(document.body)只需将单击事件处理程序附加到加号和减号按钮,其中一个递增值,另一个递减。谢谢您的回答。您建议使用两个简单的按钮,输入字段和MutationObserver?对吧?:)@sameuser为什么Mutati

我正在寻找js微调器,如下图所示(左右控制键)。 但是我不想在我的项目中使用jquery。如果您有任何代码片段、有用的链接,请将其粘贴到此处。:)最好使用简单的短代码:) 也许它有另一个名字(不是spinner,而是…?)


现在您可以将其命名为:
addSpinner(document.body)

只需将单击事件处理程序附加到加号和减号按钮,其中一个递增值,另一个递减。谢谢您的回答。您建议使用两个简单的按钮,输入字段和MutationObserver?对吧?:)@sameuser为什么
MutationObserver
?只需将单击事件添加到按钮。好的,将重试。非常感谢。
function addSpinner(parent){
var very = document.createElement("div"); // create a div
var minus = document.createElement("button"); // create minus button
var plus = document.createElement("button"); // create plus button
minus.innerHTML = "-"; // draw minus sign
plus.innerHTML = "+"; // draw plus sign
var input = document.createElement("input"); // create an input
input.type = "number"; // type number
input.value = "0"; // and default is 0
very.appendChild(minus); // append the minus sign to the div
very.appendChild(input); // append the input to the div
very.appendChild(plus); // append the plus sign to the div
minus.addEventListener("click", function() {input.value = +input.value - 1});
plus.addEventListener("click", function() {input.value = +input.value + 1});
// + before input.value is to change type from string to number so we can increase/decrease number by 1
parent.appendChild(very);
}