【问题标题】:Dart HTML - Input range onchange without releasing mouse-buttonDart HTML - 输入范围onchange而不释放鼠标按钮
【发布时间】: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


【解决方案1】:

HTML5 Rocks 演示使用 onInput 代替。这在 Dart 中也同样有效。

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

【讨论】:

  • 啊,我明白了。谢谢君特!
猜你喜欢
  • 2015-04-10
  • 1970-01-01
  • 1970-01-01
  • 2015-11-20
  • 1970-01-01
  • 2015-05-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多