HTML 5滑塊onchange事件

我想以編程方式創建HTML 5滑塊HTML 5滑塊onchange事件

    var inputElem = document.createElement("input"); 
        inputElem.id = "opacity_" + layer.name; 
        inputElem.name = "opacity_" + layer.name; 
        inputElem.type = "range"; 
        inputElem.min = "0"; 
        inputElem.max = "100"; //debugger; 
        inputElem.value = "100"; 
        inputElem.step= "1"; 
        inputElem.style.zIndex = "10000"; 
        var fnChange = function() {alert(layer.name) ; }; 
        inputElem.onchange = fnChange;

但是我不能設置onchange事件，它保持爲空，而在瀏覽器中查看時，有沒有平變化在

<input type="range" min="0" max="100" value="100">

我使用谷歌瀏覽器10.0.648.134

有什麼我做錯了？

來源

2011-03-18 portoalet

這是一個不是問題的問題，不知何故onchange事件是即使當元素在谷歌瀏覽器檢查時不顯示正確設置開發者工具。 – portoalet 2011-03-18 15:13:00

改爲使用onmouseup事件。看到這裏： http://stackoverflow.com/questions/5165579/onchange-event-for-html5-range – 2012-03-09 23:02:41

這似乎沒有提供原生onchange事件，但jQuery提供了一個：onChange event for HTML5 range

來源

2012-09-18 22:07:05 GrokSrc

HTML 5滑塊onchange事件

回答

相關問題