Как выполнить только один event?

Question

[symnoob]

Всем привет, к меня есть один элемент на который подписаны два events. keyup и paste, если человек печатает или встовляет выполняется код два раза, как можно сделать так чтобы код выполнялся один раз?

Answer 1

[ForSureN1]

Заменить эти два события на input , который включает в себя все эти события

Comments

[Алексей Уколов]

Самый адекватный вариант, если не нужна поддержка IE. А может и полифил есть под IE.
Ну или, может, change подойдёт по условиям задачи, хоть он и работает совсем не так, как keyup.

Answer 2

[MamaLuyba]

stopImmediatePropagation

Comments

[Алексей Уколов]

Вообще мимо. Речь же про два разных события на одном элементе, а не наоборот.

Answer 3

[Сергей Соколов]

Можно какой-то флаг переключать:

let hasFired = false;

const handler = () => {
  if (hasFired) return;
  hasFired = true;
  
  // ... 
}

el.addEventListener("paste", handler);
el.addEventListener("keyup", handler);

Ну или без флага, при первом срабатывании снимать слушатели с элемента.

Comments

[Алексей Уколов]

Как я понимаю, тут проблема в том, что paste по своей природе триггерит ещё и keyup. Но делать одноразовый слушатель - это же не решение этой проблемы?
Тут надо блочить обработчик keyup, пока идёт обработка paste, но потом осовобождать его, чтобы можно было дальше работать. Это, конечно, адский ад будет в коде :)

[Stalker_RED]

Алексей Уколов, это при ctrl+v триггерится keyup, причем дважды, для ctrl и для v.
Когда мышкой вставляешь - никакого keyup нет.

[Сергей Соколов]

вставка, вроде, происходит по keydown, т.е. keyup срабатывает, когда текст уже вставлен и отработал paste.

[Алексей Уколов]

Stalker_RED, ну, само собой, но, вроде, очевидно, что автор хоткеями вставляет, иначе бы он проблему и не увидел.

[Алексей Уколов]

Сергей Соколов, да, ваш код просто нужно доработать, чтобы hasFired превратился в isPasting и этот флаг снимался, когда вставка завершена, а обработчик keyup в это время спал. Просто это такая лапша получится ненадёжная...
Вариант, который предложил Алексей Дубровин делает то же самое, фактически, но гораздо проще.

Answer 4

[Алексей Дубровин]

elem.addEventListener('keydown',fun)
function fun(event){
if(event.ctrlKey && event.code =="KeyV"){return;}
/*Ваш код */
}