События двойного щелчка не запускаются

Question

События двойного щелчка не запускаются

1

Наличие некоторых проблем с событиями двойного щелчка в JavaScript.

Я хочу иметь возможность быстро нажимать на элемент, но слушать двойные щелчки. Является ли это технически возможным или мне нужно иметь один клик и слушать, когда его дважды щелкнули?

Codepen пример здесь.

JS также можно найти ниже.

(function() {

  var el;
  var count = 0;
  var counter;

  function init() {
    el = document.getElementById('click-me');
    counter = document.getElementById('counter');

    el.addEventListener('dblclick', onDblClick, false);
  }

  function onDblClick(e) {
    count++;
    counter.textContent = count;
  }

  init();

}());

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

Есть ли что-то, что мне не хватает в самом событии dblclick, или это то, что я пытаюсь сделать невозможным?

PS Это нужно только для работы в Webkit/Chrome, поскольку это не для веб-сайта, а для наложения на игру.

ChronixPsyc 19 окт. 2017, в 17:56

Источник

0

Я могу злобно щелкнуть по твоему коду, и он продолжает увеличиваться. Ваша проблема в конкретном браузере / устройстве / методе ввода?
Fenton 19 окт. 2017, в 15:29
0

@Fenton Несмотря на то, что он работает, он иногда дает сбой (занимает 3 двойных клика), работает на Chrome 61.
Adriani6 19 окт. 2017, в 15:31
0

Похоже, он работает в Edge, IE и Firefox. Мне действительно нужно это для работы в Chrome / Webkit, поскольку это не специально для веб-сайта. Я обновлю свой вопрос.
ChronixPsyc 19 окт. 2017, в 15:33
0

@ChronixPsyc Согласно MDN dblclick on Chrome работает только «[1] работает только для элементов <textarea> и некоторых типов элементов <input>». ссылка
Adriani6 19 окт. 2017, в 15:38
0

Похоже, пауза требуется между двойными щелчками. Если вы нажмете слишком много раз подряд, это сработает только один раз. Хотя это имеет смысл, если я щелкну 4 раза подряд, то это будет четырехкратный щелчок, даже если двойной щелчок сработает, поскольку такой вещи, как четырехкратный или тройной щелчок, не существует
Huangism 19 окт. 2017, в 15:40

Показать ещё 3 комментария

Теги:

javascript

event-listener

double-click

1 ответ

Ещё вопросы

Я могу злобно щелкнуть по твоему коду, и он продолжает увеличиваться. Ваша проблема в конкретном браузере / устройстве / методе ввода?
@Fenton Несмотря на то, что он работает, он иногда дает сбой (занимает 3 двойных клика), работает на Chrome 61.
Похоже, он работает в Edge, IE и Firefox. Мне действительно нужно это для работы в Chrome / Webkit, поскольку это не специально для веб-сайта. Я обновлю свой вопрос.
@ChronixPsyc Согласно MDN dblclick on Chrome работает только «[1] работает только для элементов <textarea> и некоторых типов элементов <input>». ссылка
Похоже, пауза требуется между двойными щелчками. Если вы нажмете слишком много раз подряд, это сработает только один раз. Хотя это имеет смысл, если я щелкну 4 раза подряд, то это будет четырехкратный щелчок, даже если двойной щелчок сработает, поскольку такой вещи, как четырехкратный или тройной щелчок, не существует

user4219031 · Accepted Answer · 2017-10-19T14-33-00.000Z

Что-то вроде этого (https://gist.github.com/karbassi/639453):

(function() {

  var el;
  var count = 0;
  var counter;
  var clickCount = 0;

  function init() {
    el = document.getElementById('click-me');
    counter = document.getElementById('counter');

    el.addEventListener('click', onDblClick, false);
  }

  function onDblClick(e) {

    clickCount++;
    if (clickCount === 1) {
        singleClickTimer = setTimeout(function() {
            clickCount = 0;            
        }, 400);
    } else if (clickCount === 2) {
        count++;
        clearTimeout(singleClickTimer);
        clickCount = 0;
        counter.textContent = count;
    }
}
  init();

}());

Спасибо! Похоже, это лучшее решение. dblclick выглядит не очень согласованным в движке Webkit, который я использую.