【发布时间】:2015-11-15 13:52:00
【问题描述】:
我正在尝试理解这个 Dart 网络音频演示: https://www.dartlang.org/samples/webaudio/
这个演示是 html5rocks.com 上发布的这个 javascript-demo 的一个端口: 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 演示相同。感谢阅读此问题并对其进行更改的人! :)
【问题讨论】:
-
我认为这个问题仍然相关。总是很难弄清楚哪些事件可用,哪些事件适合手头的情况。当然演示已更新,但其他人在搜索
dart range event或类似内容时可能会偶然发现此问题,而不关心导致您提出此问题的演示。只是我的 2c -
好点。我仍然认为提及它已更新是件好事。我删除了“不再相关”部分并对其进行了一些更改,以减少对其的关注。
标签: javascript html input dart range