javascript - 滑块更改处理程序

Question

我正在动态创建一个范围滑块，但无法让更改处理程序正常工作。

所以在代码中是这样的：

$('#layersTab').html("<input type=\"range\" id=\"layerSlider\" value=\"0\" min=\"0\" max=\"100\" \><br\>");

是的，在 html 中：

<div data-dojo-type="dijit.TitlePane" id="titlePaneLayers" data-dojo-props="title: 'Layers and Legend'" open="false">
          <div id="layerTabs" >
            <ul></ul> 
          </div>       
</div>

如何为此添加一个事件处理程序，以便在更改滑块时我可以将其更改为的值？

Answer 1

您可以使用on 方法并执行以下操作：

$('#layersTab').on('change', '#layerSlider', function(e){
    console.log($(this).val());
});