10 examples of 'angular 4 button click event' in JavaScript

51
emitClick(event) {
52
  this.click.emit(event);
53
}

140
btnClick(event: any) {
141
  this.onClick.emit(event);
142
  if (this.onClickRoute != null) {
143
    // this.router.navigate([this.onClickRoute]);
144
  }
145
}

110
click(e) {
111
	this.$emit(_ButtonEvents.click, e);
112
}

35
click() {
36
  if (!this.disabled) {
37
    this.reset();
38
    this.action.emit();
39
  }
40
}

21
function click(event) {
22
    if (!$.contains(elem[0], event.target)) {
23
        superheroCtrl.$close();
24
    }
25
}

23
onComponentClick (e) {
24
  const item = e.target.item;
25
  this.callAttribute('on-select', item);
26
}

97
function clickFunc(e) {
98
	thisPtr.outlet1.doOutlet(thisPtr.linkText);	
99
	e.preventDefault();	
100
}

281
function onClick(event) {
282
  if (Date.now() - lastPreventedTime > PREVENT_DURATION) {
283
    return; // Too old.
284
  }
285
286
  var touches = event.touches && event.touches.length ? event.touches : [event];
287
  var x = touches[0].clientX;
288
  var y = touches[0].clientY;
289
  // Work around desktop Webkit quirk where clicking a label will fire two clicks (on the label
290
  // and on the input element). Depending on the exact browser, this second click we don't want
291
  // to bust has either (0,0) or negative coordinates.
292
  if (x < 1 && y < 1) {
293
    return; // offscreen
294
  }
295
296
  // Look for an allowable region containing this click.
297
  // If we find one, that means it was created by touchstart and not removed by
298
  // preventGhostClick, so we don't bust it.
299
  if (checkAllowableRegions(touchCoordinates, x, y)) {
300
    return;
301
  }
302
303
  // If we didn't find an allowable region, bust the click.
304
  event.stopPropagation();
305
  event.preventDefault();
306
307
  // Blur focused form elements
308
  event.target && event.target.blur();
309
}

133
private onClick(event: MouseEvent): void {
134
    this.event.$emit('click', event);
135
}

19
doClick() {
20
  if(this.animating) return;
21
  this.animating = true;
22
  this.el.prevBackColor = this.el.style.backgroundColor;
23
  this.el.style.backgroundColor = ClickingBackColor;
24
  clearTimeout(this.timer);
25
  this.timer = setTimeout(() => {
26
    this.el.style.backgroundColor = this.el.prevBackColor || '';
27
    this.animating = false;
28
  }, 200);
29
}