Javascript/HTML5滑块步骤问题

我有一个HTML5滑块，它基本上是设计用来（或者应该是）改变画布im绘画应用程序im creating中线条的宽度。然而，我有一个问题。从初始位置移动滑块时，它会跳到中间，即5，然后卡在那里，删除中间的所有步骤编号1-10。以下是我的代码：

HTML:

当滑块位于1（默认位置）时，线I daw为1宽度，当我移动它并跳到位置5时，线的宽度为5，因此我知道它工作正常，这只是滑块有问题。如果我从HTML代码中删除以下内容，滑块将以步进方式移动，但显然没有任何作用：

onchange="this.value='';"

我已经将文件上传到我的服务器上，这样你也可以使用Chrome查看即时通讯的进展情况-

检查控制台

canvas2.js的第268行出现错误：

document.getElementById("penwidth").value = newValue;

未捕获引用错误：newValue为 未定义

---

删除导致JS错误的第268行，并从输入元素中删除onchange=“this.value=”；，这将解决您在Chrome中的问题

onchange="this.value='';"

document.getElementById("penwidth").value = newValue;