onclick & ondblclick js

Question

Подскажите пожалуйста, как я могу выполнить функцию по двойному нажатию на элемент не выполняя onclick.

function one() {
  console.log("one");
}

function two() {
  console.log("two");
}

div {
  width: 100px;
  height: 100px;
  border: 1px solid;
}

<div onclick="one()" ondblclick="two()">
  CLICK
</div>

Answer 1

Я бы сделал так

function one() {
  console.log("one");
  timerId = clearTimeout(timerId)
}

function two() {
  console.log("two");
  timerId = clearTimeout(timerId)
}
let timerId = null;

function handlerClick() {
  if (!timerId) {
    timerId = setTimeout(() => {
      one()
    }, 200);
  } else {
    two()
  }

}

<div onclick="handlerClick()">
  CLICK
</div>

БЛОГ НА HUSL

onclick & ondblclick js

Ответы (1 шт):