Question

我正在尝试使用Dart和HTML构建一个Web应用程序。我有一个HTML输入字段接收类型文本。我想在输入每个字母时处理用户输入的文本，不仅是在按ENTER之类的时候。

我目前在Dart中提出了此解决方案，但是它仅在用户按ENTER键时才打印用户输入，这并不是我所要查找的内容。

import 'dart:html';

    void main() {
      TextInputElement text = querySelector("#input-text");
      text.autocomplete = "asas";
      text.onChange.listen((data) {
        parent.appendHtml('<p>${text.value}</p>');
      });
    }

我查找了诸如期货，流和广播流之类的一些主题，但看起来仍然不需要。如果有人可以帮助，那就太好了！

Answer 1

Onchange只能那样工作，因为它监听提交事件。您可以改为监听输入字段.onKeyUp事件。

每次在输入字段中输入内容，并在释放键时都会注册该事件并调用侦听器

https://dartpad.dartlang.org/02e27326c073de360f14bb9a9726f1c9

当您键入要打印的内容时，便可以在dart上看到此示例。

这里也可以使用onKeyPress上的onKeyDown，但是如果用户按住该键，它将注册所有这些事件，从而创建n个事件

如何处理Dart中编写的用户输入

1 个答案: