Как сделать dblclick?

Question

[js_web]

На компоненте есть click и dblclick как сделать так что бы двойной клик не вызывал одиночный?
Подскажите плиз, Есть ли какая-нибудь бест практика? Нахожу варианты с таймером только.

Comments

[Роман Александрович]

import _ from 'lodash'

const ListItem = React.createClass({

  handleClick(e) {
    if (!this._delayedClick) {
      this._delayedClick = _.debounce(this.doClick, 500);
    }
    if (this.clickedOnce) {
      this._delayedClick.cancel();
      this.clickedOnce = false;
      console.log('double click');
    } else {
      this._delayedClick(e);
      this.clickedOnce = true;
    }
  },

  doClick(e) {
    this.clickedOnce = undefined;
    console.log('single click');
  },

  render() {
    return (
      <div onClick={this.handleClick}>
      </div>
    );
  }
});

module.exports = ListItem;

вот без таймера

Answer 1

[Юрий]

Судя по всему только через таймер...