JS 输入微调器是否存在？没有 JQUERY [关闭]答案

【问题标题】：Is JS input spinners exists? NO JQUERY [closed]JS 输入微调器是否存在？没有 JQUERY [关闭]
【发布时间】：2017-01-24 00:33:41
【问题描述】：

我正在寻找如下图所示的 js 微调器（左右控制键）。但我不想在我的项目中使用 jquery。如果您有任何 sn-ps、有用的链接 - 请在此处粘贴。 :) 首选简单的短代码.. :) 也许它有另一个名字（不是微调器，但是..？）？

【问题讨论】：

只需将点击事件处理程序附加到加号和减号按钮，其中一个递增值，另一个递减。
感谢您的回答。您建议使用 2 个简单的按钮、输入字段和 MutationObserver？对？ :)
@sameuser 为什么是MutationObserver？只需将点击事件添加到按钮即可。
好的，会试试的。谢谢。

标签： javascript input spinner

【解决方案1】：

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);
}

现在你叫它：addSpinner(document.body)

【讨论】：