html 5 滑块 onchange 事件答案

【问题标题】：html 5 slider onchange eventhtml 5 滑块 onchange 事件
【发布时间】：2011-03-18 14:48:37
【问题描述】：

我正在尝试以编程方式创建 HTML 5 滑块

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事件，它保持为null，并且在浏览器中查看时没有onchange，如

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

我使用的是谷歌浏览器 10.0.648.134

我做错了什么？

【问题讨论】：

这不是问题，不知何故 onchange 事件设置正确，即使在 Google Chrome 开发者工具中检查元素时未显示它。
改用 onmouseup 事件。见这里：stackoverflow.com/questions/5165579/…

标签： html slider dom-events onchange

【解决方案1】：

似乎没有原生 onchange 事件，但 jquery 提供了一个：onChange event for HTML5 range

【讨论】：