Click or Drag! Fires a click when the mouse button is released before a mousemove event, otherwise a drag event is fired. No extra configuration is necessary.

{{clicked.one ? "Clicked!" : "Clicking on these elements triggers a regular click event you can listen to."}}

{{clicked.two ? "Clicked!" : "Try dragging or clicking on this element."}}

{{clicked.three ? "Clicked!" : "Note how you can click normally?"}}

{{clicked.four ? "Clicked!" : "Drags don't trigger click events."}}

{{clicked.five ? "Clicked!" : "Clicks don't end up in a drag, either."}}

{{clicked.six ? "Clicked!" : "This is useful if you have elements that can be both clicked or dragged."}}

{{clicked.seven ? "ZOMG, THAT TICKLES! PLEASE. STOP." : "Business as usual."}}

      
<div [dragula]='"seventh-bag"'></div>

class WowExample {
  public clicked: any = {
    'one': false,
    'two': false,
    'three': false,
    'four': false,
    'five': false,
    'six': false,
    'seven': false
  };

  public onclick(key): void {
    this.clicked[key] = true;
    setTimeout(() => {
      this.clicked[key] = false;
    }, 2000);
  }
}