Dart HTML - 在不释放鼠标按钮的情况下更改输入范围

Question

我试图理解这个 Dart 网络音频演示： https://www.dartlang.org/samples/webaudio/

此演示是此 javascript 上发布的演示的移植版：html5rocks.com： http://www.html5rocks.com/en/tutorials/webaudio/intro/#toc-filter

Dart 端口与 html5rocks 上的版本相同，除了输入范围响应。 html5 rocks 上的示例是实时的。无需松开鼠标按钮即可听到差异。尽管在 Dart 端口中，您必须释放鼠标按钮才能触发事件侦听器。

这是 Dart 代码中的事件监听器：

querySelector("#frequency-range").onChange.listen((Event e) {
  num value = double.parse((e.currentTarget as InputElement).value);
  _changeFrequency(value);
});

querySelector 正在引用此输入字段：

<input type="range" min="0" max="1" step="0.01" value="1" id="frequency-range">

有人知道如何使 onChange 事件实时触发，而无需释放单击按钮吗？

编辑：dart webaudio intro example 已更新，因此 Dart 端口现在在功能上与 Javascript 演示相同。感谢阅读此问题并更改它的人！ :)

Answer 1

HTML5 rocks 演示使用 onInput。这在 Dart 中也同样有效。

另见 onchange event on input type=range is not triggering in firefox while dragging

Dart HTML - 在不释放鼠标按钮的情况下更改输入范围

Dart HTML - Input range onchange without releasing mouse-button

html

javascript

input

range

dart