Почему клавиша ENTER отпускает ожидание?
Кнопка выполняет функцию «разрешить» и отпускает ожидание, как и ожидалось.
Но затем клавиша ENTER также отменяет ожидание. Что происходит?
<html>
<head>
<title> Q:await </title>
<meta charset = "utf-8">
<script>
"use strict";
let fnresolve, n=0; // globals
window.onload = function() {
zlog('Hit the button, then the ENTER key');
zlog();
Main();
}
async function Main() {
do {
zlog('before wait', ++n);
let pMain = new Promise((res) => { fnresolve = res; } ); // save the res function
await pMain;
zlog('after wait', n); zlog('');
} while (1);
}
function zlog() {
document.getElementById('zlog').innerHTML += (Object.values(arguments).join(', ')) + '<br />';
}
</script>
</head>
<body>
<button onclick='fnresolve();'> fnresolve </button>
<div id='zlog'></div>
</body>
</html>
Обновлено: Ответ и комментарии вдохновили на исправление:
<button onclick='fnresolve();this.blur();'> fnresolve </button>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
54
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
<button> элемент. В типичном HTML-документе нажатие клавиши "ENTER" может активировать первую кнопку на странице, как если бы она была нажата. Поскольку ваша функция fnresolve связана с событием onclick кнопки, нажатие "ENTER" запускает это событие, вызывая выполнение обещания.
Вот что вам следует обновить
<button type = "button" onclick='fnresolve();'> fnresolve </button>
хаха, извини, мне пришлось сходить в туалет...
—
14.08.2024 20:42
Однако здесь нет формы. Вероятно, это просто элемент кнопки, имеющий фокус.
—
14.08.2024 20:43
Я попробовал принять - пришлось ждать минут 15.
—
14.08.2024 20:44
@Пойнти, на месте! вы всегда будете думать о формах, когда увидите кнопки...
—
14.08.2024 20:45
«Тип» не помог, но это помогло: <button onclick='fnresolve();this.blur();'> fnresolve </button>
—
14.08.2024 20:55
Должен ли я обновить соответствующим образом, или вы можете отредактировать ответ, если можете, @dcromley?
—
14.08.2024 20:56
Другие вопросы по теме
Невозможно одновременно вызывать асинхронные методы в правильном порядке в C#
Запустите асинхронную функцию из функции синхронизации в уже запущенном цикле событий
Член C#, чтобы проверить свойство на нулевое значение и при необходимости установить его с помощью асинхронной функции?
Как я могу вызвать Task & ValueTask внутри ValueTask?
Как избежать .then или повторного ожидания при объединении обещаний в TypeScript?
Получение async/await для работы с ObservableObject, Published, StateObject
Другой поток с async/await
Как немедленно отменить задачу Asyncio, которая использует библиотеку Ollama Python для генерации ответа?
Рассмотрим последний промис в цепочке Resolve.all
Ожидайте Task.Delay(1) в OnInitializedAsync(), никогда не возвращаясь
Похожие вопросы
Объединить объекты внутри массива объектов с дубликатами
Проблемы доступности тегов span/mark, вложенных в абзацы
Каков наилучший масштабируемый способ реализации ContextProvider для выборки и фильтрации данных?
Кнопка воспроизведения звука запускает фантомный второй щелчок, когда currentTime изменяется программно, предотвращая воспроизведение
Как я могу вызвать повторную отрисовку элемента (который использует состояние) в функции обратного вызова?
CSS и JavaScript не применяются правильно после переноса содержимого HTML в компонент приложения Angular из-за проблем с инкапсуляцией просмотра и порядком загрузки скриптов
Передача параметров с использованием выборки Javascript
Извлечение дат из текста
Как пронумеровать массив?
Почему моя функция не фиксирует значение моего элемента ввода?
Что заняло у тебя так много времени? 7 минут! Спасибо.