Question

我有这个代码，它创建一个范围输入并显示它的值，除了Edge之外它工作正常。

JS

function showUnitBar(units) {
    $("#unit_bar").remove();
    $('.svg-container').append('<div id="unit_bar">'
        + '<input type="range" id="unit_input" value="1" min="1" max="' + (units - 1) + '"  oninput="unit_output.value = unit_input.value">'
        + '<output id="unit_output">1</output>'
        + '<input type="button" value="Send Units" id="send_units">'
        + '</div>');
}

showUnitBar(5);

HTML

<div class="svg-container"></div>

http://jsfiddle.net/L10r5zvv/46/

问题是该值不会在Edge中更新。

我发现这段代码http://jsfiddle.net/L10r5zvv/47/并且它在Edge中有效，但我有问题要解决它到我的代码，因为我在混合html和javascript / jQuery时毫无价值。

Answer 1

试试这个（请注意，我在[{1}}]中的正确位置添加了您说过的代码）：

oninput

Answer 2

我解决了。我在现有代码中添加了此代码，现在它也适用于Edge

$('#unit_input').on('input', function() { 
    $('#unit_output').html(this.value);
});

html oninput事件问题中的javascript

2 个答案: