JQuery onclick函数-防止重新加载页面，并添加在被调用函数中将其用作变量的功能

我在创建自定义输入[type=number]时遇到了一些问题

从顶部开始，我操作了一个输入[type=number]，以拥有自定义的增量按钮

单击这些按钮时，我希望计算出输入的当前值，并在不刷新页面的情况下为该值加上或减去一

据我所知，点击按钮不应刷新页面，我的代码并非如此

我在使用“this”作为变量以使脚本可重用时也遇到了问题

请有人帮我将我的按钮链接到我的脚本，停止重新加载问题，并根据用户参与度实际上下增加输入

函数InputStepUp（）{
var input=this.parentNode.querySelector（'input[type=number]'）.val（）；
控制台日志（输入）；
var inputStepUp=输入+1；
控制台日志（inputStepUp）；
input.val（inputStepUp）；
控制台日志（输入）；
}
函数InputStepDown（）{
var input=this.parentNode.querySelector（'input[type=number]'）.val（）；
控制台日志（输入）；
var inputStepDown=输入-1；
控制台日志（inputStepDown）；
input.val（inputStepDown）；
控制台日志（输入）；
}

输入[type=“number”]{
-webkit外观：textfield；
-moz外观：textfield；
外观：textfield；
}
输入[类型=编号]：-webkit内部旋转按钮，
输入[类型=编号]：-webkit外部旋转按钮{
-webkit外观：无；
}
.数字输入{
边框：1px实心#585CD3；
显示：内联flex；
}
.数字输入按钮{
大纲：无；
-webkit外观：无；
背景色：透明；
边界：无；
对齐项目：居中；
证明内容：中心；
宽度：20px；
光标：指针；
保证金：0；
位置：相对位置；
}
.数字输入按钮：之前，
.数字输入按钮：后{
显示：内联块；
位置：绝对位置；
内容：''；
宽度：10px；
高度：2倍；
背景色：#585CD3；
转换：翻译（-50%，-50%）；
}
.数字输入按钮。加：之后{
变换：平移（-50%，-50%）旋转（90度）；
}
.数字输入[类型=数字]{
文本对齐：居中；
}

---

在您的特定情况下，

这是上下文，从调用函数的位置，它具有全局范围-
窗口
。您为问题添加了标签
jQuery
，因此如果您可以使用它，事情会变得容易得多。我试图在代码中添加注释

我想向你推荐一个关于这个关键词的网站，它是可以理解的


//我已将公共类“btn”添加到两个按钮中，并处理它们的单击操作
$（'.btn'）。在（'click'，function（）上{
const$input=$（'.cart产品价格乘数'）；//您当前的输入
const currentVal=Number（$input.val（））；//当前输入的值被指定为Number
//我们将使用类减号/加号来确定单击了哪个btn
//或者您可以为每个btn设置值并处理它
const newVal=$（this）.hasClass（'减号'）？currentVal-1:currentVal+1；
$input.val（newVal）；//最后，我们将为您的输入设置新值
});
输入[type=“number”]{
-webkit外观：textfield；
-moz外观：textfield；
外观：textfield；
}
输入[类型=编号]：-webkit内部旋转按钮，
输入[类型=编号]：-webkit外部旋转按钮{
-webkit外观：无；
}
.数字输入{
边框：1px实心#585CD3；
显示：内联flex；
}
.数字输入按钮{
大纲：无；
-webkit外观：无；
背景色：透明；
边界：无；
对齐项目：居中；
证明内容：中心；
宽度：20px；
光标：指针；
保证金：0；
位置：相对位置；
}
.数字输入按钮：之前，
.数字输入按钮：后{
显示：内联块；
位置：绝对位置；
内容：''；
宽度：10px；
高度：2倍；
背景色：#585CD3；
转换：翻译（-50%，-50%）；
}
.数字输入按钮。加：之后{
变换：平移（-50%，-50%）旋转（90度）；
}
.数字输入[类型=数字]{
文本对齐：居中；
}

我的朋友，你的代码非常有魅力！我也很喜欢文档的链接，我会用我的方式浏览那篇文章中的链接树，希望我不会那么愚蠢。最后一点是真正的障碍。只需单击按钮即可刷新我的页面。我不明白为什么，这段代码不能刷新页面。你应该试着在你的页面上找到另一个点击处理程序是的，这是我的想法，如果我在页面上使用这个，右键点击按钮并检查，它会带我到那个按钮。我不认为我无意中点击了其他任何东西。这是因为我在表单中使用了一个按钮。。。您知道如何防止这些按钮仅在表单中执行默认操作吗？我发现在表单中，它假定按钮是提交按钮，因此通过应用type=“button”可以将按钮状态从提交更改为标准按钮。现在我有一个工作购物车！