Question

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

此演示是html5rocks.com上发布的这个javascript-demo的一个端口： http://www.html5rocks.com/en/tutorials/webaudio/intro/#toc-filter

除了输入范围响应之外，Dart端口与html5rocks上的版本相同。关于html5岩石的例子是实时的。没有必要释放鼠标按钮来听取差异。虽然在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 rock演示使用onInput代替。这在Dart也是如此。

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

Dart HTML - 输入范围onchange而不释放鼠标按钮

1 个答案: