javascript - Dart HTML - 输入范围 onchange 无需释放鼠标按钮

标签 javascript html input dart range

我正在尝试理解这个 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/

相关文章:

javascript - 如何将数据绑定(bind)到 DOM 元素的 CSS 顶部、左侧、宽度和高度?

javascript - 如何在html中使用onchange显示或不显示表行或表数据

javascript - 显示来自 GridFs (MongoDB) 的图像

javascript - React Js组件动态改变h1标签

javascript - 如何使用 jQuery 或 JavaScript 过滤掉超出范围的结果

html - CSS:框右侧的旋转阴影

css - 为什么我的 RSS 提要在我向右浮动时显示在底部?

html - 使组件添加新组件的问题

C y/n 函数无法接受用户输入

java - for循环输入整数和小数