Как добавить 2 addeventlisteners для совместной работы (например: запускать событие по dblclick, когда указатель мыши находится в левой части экрана)

Question

Новичок в JavaScript, пытаюсь понять, как комбинировать события addEventListener.

Например, я хочу вызвать что-то, когда я дважды щелкаю сбоку экрана в пределах 30 или 40 пикселей.

Я предполагаю, что мне нужно как-то объединить их:

• document.addEventListener("dblclick",function (event) {
• document.addEventListener("mouseover", (event) => {

Как это делается? Я также изо всех сил пытаюсь заставить это наведение мыши работать даже в одиночку, если кто-то хочет попробовать!

Answer 1

Для этого вам не нужен прослушиватель событий mouseover.

Способ 1: сначала создайте элемент размером 30-40 пикселей,position:fixed. Затем добавьте событие двойного щелчка к этомуdivэлемент.

Способ 2: добавить событие двойного щелчка в документ, прочитатьevent.clientX(илиevent.screenX).if (event.clientX < 30), беги что хочешь.

      document.addEventListener("dblclick",function (event) { 
        if(event.clientX < 30 ) {
        // some logic
        }
})

Answer 2

Вот как вы можете прослушивать события двойного щелчка и получать координату x мыши (которую вы затем можете использовать, чтобы проверить, находится ли она в пределах 30 или 40 пикселей от левой стороны).