我正在尝试理解这个 Dart 网络音频演示: https://www.dartlang.org/samples/webaudio/
此演示是 html5rocks.com 上发布的 javascript 演示的移植版: http://www.html5rocks.com/en/tutorials/webaudio/intro/#toc-filter
除了输入范围响应之外,Dart 端口与 html5rocks 上的版本相同。 html5 rock 上的示例是实时的。无需松开鼠标按钮即可听到差异。尽管在 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 演示相同。感谢阅读此问题并更改它的人! :)
最佳答案
HTML5 rock 演示使用 onInput
代替。这在 Dart 中也同样有效。
另请参阅onchange event on input type=range is not triggering in firefox while dragging
关于javascript - Dart HTML - 输入范围 onchange 无需释放鼠标按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33720458/