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事件

回答

相关问题