Javascript/HTML 5滑块步骤问题

我有一个基本上设计（或应该）改变画布im绘画应用程序创建行的宽度的HTML 5 Slider。不过，我有一个问题。在从初始位置移动滑块时，它会跳到中间位置，即5，然后卡在那里，将所有的步骤数字1-10移除。下面是代码我有：Javascript/HTML 5滑块步骤问题

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（默认位置I DAW线路1米的宽度和当我移动它跳到位置5行是宽度为5，所以我知道它工作正常，它只是滑块有问题。如果我从HTML代码中删除以下滑块移动步骤很好，但显然没有任何作用：

onchange="this.value='';"

我已将文件上传到我的服务器，所以你可以看到最新使用Chrome还对我去 - http://marksblog.co.uk/canvas/

来源

2011-04-11 Mark

检查控制台。

您是canvas2.js的268线得到一个错误：

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

Uncaught ReferenceError: newValue is not defined

来源

2011-04-11 20:44:44 Neal

删除线268这是造成JS误差以及去除所述平变化=“THIS.VALUE = '' ;”从输入元素内，这应该可以解决你的问题在Chrome

来源

2011-04-11 21:17:48 marble

Javascript/HTML 5滑块步骤问题

回答

相关问题