Как отложить выполнение события?

Question

[waltaki]

Здравствуйте.

Есть:

button.onmousedown = (e) => {
    // например 5сек задержки, после чего кнопка событие отправится дальше
    // при этом не должен блокироваться остальной код
    // e.preventDefault() полностью отменяет событие, может его можно потом продолжить? 
}

Comments

[lyrion]

А почему бы не отменить собитые через preventDefault и в setTimeout задать необходимые действия?

button.onmousedown = (e) => {
    e.preventDefault();
    setTimeout(e => {
       ...code...
    },5000);
}

[waltaki]

lyrion, Потому-что мне нужно, чтобы событие браузере произошло. Человек нажал на элемент, и я что-то сделал, после чего продолжил событие и элемент сработал.

В Вашем случае, я потом не смогут повторить действие пользователя.

Нужно это, чтобы мне подгрузить данные в список, только когда кликнут по select, и чтобы он потом открылся (select), когда данные прейдут

[Алексей Николаев]

waltaki, используйте Lodash. _.debounce

[lyrion]

waltaki, Опишите еще раз задачу словами. Вам нужно, чтобы при клике пользователя на select, к вам на сервер шел запрос и вы возвращали ему значения списка, так?

[i1yas]

lyrion, ему нужно откладывать стандартное поведение браузера по клику. Например, дождаться загрузки элементов в селекте, а только потом открыть его.
Не думаю что это можно сделать нормально без костылей. Есть target.dispatchEvent(event), но если задиспатчить стандартный event, в обработчике, то получится рекурсия.

[RAX7]

https://stackoverflow.com/questions/430237/is-it-p...

Answer 1

[Кирилл Квашонин]

Через setTimeout, например так:

button.onmousedown = (e) => {
    e.preventDefault();
    const delay = 3000;

    setTimeout(() => {
        // тут ваша логика
    }, delay);
}