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滑塊步驟問題

回答

相關問題