10 examples of 'react onclick pass event and parameter' in JavaScript

27
handleClick(event) {
28
  this.props.onClick(event);
29
}

11
handleClick(event) {
12
  const { onClick } = this.props
13
  onClick(event)
14
}

75
function onClick(event) {
76
	event.preventDefault();
77
	var self = this,
78
		forward = (self.className.indexOf('pagMore') > -1),
79
		parent = self.parentElement,
80
		prev = (forward) ? parent.getElementsByClassName('pagLess')[0] : self,
81
		prevBatch = ~~(prev.getAttribute('data-batch')),
82
		next = (forward) ? self : parent.getElementsByClassName('pagMore')[0],
83
		nextBatch = prevBatch + 2,
84
		batch = (forward) ? nextBatch : prevBatch,
85
		add = (forward ? 1 : -1),
86
		id = parent.id,
87
		container = parent.getElementsByTagName('ul')[0];
88
89
	prev.setAttribute('data-batch', prevBatch + add);
90
	next.setAttribute('data-batch', nextBatch + add);
91
92
	throbber.show(self, {size: '40px'});
93
94
	self.className += ' active';
95
96
	nirvana.sendRequest({
97
		controller: 'WikiaMobile',
98
		method: 'getCategoryBatch',
99
		format: 'html',
100
		type: 'GET',
101
		data: {
102
			category: wgTitle,
103
			batch: batch,
104
			//this is already encoded and $.ajax encode all data
105
			index: decodeURIComponent(id.slice(8))
106
		}
107
	}).done(
108
		function (result) {
109
			container.parentElement.removeChild(container);
110
			next.insertAdjacentHTML('beforebegin', result);
111
112
			if (forward) {
113
				parent.previousElementSibling.scrollIntoView();
114
				track.event('category', track.PAGINATE, {label: 'next'});
115
			} else {
116
				track.event('category', track.PAGINATE, {label: 'previous'});
117
			}
118
119
			throbber.hide(self);
120
121
			prev.className = 'pagLess' + (batch > 1 ? ' visible' : '');
122
			next.className = 'pagMore' + (batch < ~~(parent.getAttribute('data-batches')) ? ' visible' : '');
123
		}
124
	);
125
}

42
syn.bind(div, 'click', function onclick() {
43
    syn.support.optionClickBubbles = true;
44
    syn.unbind(div, 'click', onclick);
45
});

150
onClick(event: any): void {
151
  if (this.disabled) {
152
    event.preventDefault();
153
    event.stopImmediatePropagation();
154
  } else {
155
    this.click.emit(event);
156
  }
157
}

14
_onClick(e) {
15
    if(this.props.disabled || this.props.pseudo) {
16
        e.preventDefault();
17
    }
18
19
    this.props.onClick && this.props.onClick(e, this.state);
20
}

48
onclick( e: Event ) {
49
  this.sendNext( e );
50
}

11
onClick(event) {
12
  const { disabled, onClick } = this.props;
13
14
  if (disabled) {
15
    event.preventDefault();
16
    return;
17
  }
18
19
  if (onClick) {
20
    onClick(event);
21
  }
22
}

306
function onClick(evt) {
307
  var target = evt.target;
308
  while (!target.sprite) {
309
    console.log(target);
310
    target = target.parentNode;
311
    if (target === document) {
312
      return;
313
    }
314
  }
315
  change(target.sprite);
316
}

39
function handleClick(evt) {
40
  const value = evt.target.value
41
  props._onClick(evt, value)
42
43
  if (isFunction(props.onClick)) props.onClick(evt, value)
44
  props._onFocus(evt, value)
45
46
  circleRef.current.focus()
47
}