文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript/HTML 5滑块步骤问题

问Javascript/HTML 5滑块步骤问题
EN

Stack Overflow用户

提问于 2011-04-12 04:42:24

回答 2查看 1K关注 0票数 0

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

HTML：

 <input type="range" name="penwidth" id='penwidth' min="1" max="10" value="1" step="1" onchange="this.value='';" /> <span id="range">1</span>

JS：

  function brushWidth()
    {
        var varWidth = document.getElementById('penwidth').value;
        context.lineWidth = varWidth;
        document.getElementById("penwidth").value = newValue;
    }

当滑块位于1(默认位置)时，线条的宽度是1，当我移动它并跳到位置5时，线条的宽度是5，所以我知道它工作得很好，只是滑块有问题。如果我从HTML代码中删除以下代码，滑块将按步骤正常移动，但显然没有任何作用：

onchange="this.value='';"

我已经把文件上传到我的服务器上了，所以你也可以用Chrome - http://marksblog.co.uk/canvas/来看看我在做什么

html

javascript

回答 2

Stack Overflow用户

发布于 2011-04-12 05:17:48

票数 1

Stack Overflow用户

发布于 2011-04-12 04:44:45

检查控制台。

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

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

未捕获ReferenceError:未定义newValue

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5627315

复制

相似问题

问Javascript/HTML 5滑块步骤问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript/HTML 5滑块步骤问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript/HTML 5滑块步骤问题
EN