我正在使用如下字符串在页面上动态添加滑块:
"<input type=\"range\" name=\"aName\" min=\"1\" max=\"9\"/>";
然后,在我使用纯 javascript 将其附加到页面后,我可以使用以下代码进行委托:
$('input[name=aName]').on('change', function () { alert(this.value)});
实际上,当值发生变化时,我会收到具有正确值的警报。但是,如果我这样委托:
$('input[name=aName]').on('change', handleChange);
然后像这样定义函数:
function handleChange () {
var theValue = $('input[name=aName]').value;
alert("value: " + theValue);
}
我收到带有消息“值:未定义”的警报。为什么会发生这种事情?