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

Dart HTML - Input range onchange without releasing mouse-button

本文关键字：情况下 输入 范围 按钮 HTML- 释放 鼠标 Dart      更新时间：2023-09-26

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

此演示是发布在html5rocks.com上的javascript演示的端口：http://www.html5rocks.com/en/tutorials/webaudio/intro/#toc-过滤

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介绍示例已经更新，因此dart端口现在在功能上与Javascript演示完全相同。感谢阅读并更改此问题的人！：）

HTML5 rocks演示使用onInput。这也适用于Dart。

另请参阅onchange event on input type=range在firefox中拖动时未触发

相关文章：