Хобрук: Ваш путь к мастерству в программировании

Dart: preventDefault() не работает в асинхронном обратном вызове при отправке формы в IE11

У меня проблема с Event.preventDefault() при отправке формы в IE11. По какой-то причине это не мешает браузеру обновляться при использовании обратного вызова async.

HTML:

<form id="login">
  <input type="email" id="email" placeholder="Email">
  <input type="password" id="password" placeholder="Password">
  <input type="submit" value="SUBMIT">
</form>

Дарт:

void main() {
  FormElement form = querySelector('form#login');
  form.onSubmit.listen((Event e) async {
    e.preventDefault();
    // send login request
  });
}

Однако если я удалю ключевое слово async, это действительно предотвратит обновление браузера. Я что-то упустил, я не ожидал, что он будет вести себя так? В Chrome работает с async и без него.


Ответы:


1

Это похоже на ошибку. Пожалуйста, загрузите его здесь https://github.com/dart-lang/sdk/issues/new и мы посмотрим.

23.11.2016
  • Создано. Спасибо за вашу помощь. Примем, как только будет подтверждена ошибка. 24.11.2016

  • 2

    Я создал проблему в репозитории dart-lang/sdk на GitHub, и она кажется, что IE11 просто выполняет асинхронные обратные вызовы слишком поздно, чтобы e.preventDefault() вступило в силу. Поэтому я изменил все обратные вызовы для отправки форм, чтобы они были синхронными, чтобы они выполнялись сразу.

    В некоторых сценариях это выглядело довольно беспорядочно с .then() везде, поэтому я вместо этого определил внутреннюю асинхронную функцию, чтобы я мог использовать await.

    Дарт:

    void main() {
      FormElement form = querySelector('form#login');
      form.onSubmit.listen((Event e) {
        e.preventDefault();
        _asyncWrap() async {
          // send login request
        }
        _asyncWrap();
      });
    }
    
    27.12.2016
    Новые материалы

    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

    Как свинг-трейдеры могут использовать ИИ для больших выигрышей
    По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..

    Как построить любой стол
    Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...

    Обзор: Машинное обучение: классификация
    Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..

    Разработка расширений Qlik Sense с qExt
    Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..