10 examples of 'how to call button click event in javascript' in JavaScript

70
function onButton(event){
71
	var $button = $(event.target);
72
	$button.toggleClass("btn-default");
73
	$button.toggleClass("btn-success");
74
}

60
onButtonClick(e) {
61
  this.callback(e, this, this.variaboard);
62
}

58
handleButtonClickEvent(event) {
59
    let msg = event.target.id + " button clicked and handled in instance method"
60
    this.panel.html(this.panel.html() + "&gt; " + msg + "<br />");
61
    console.log(msg);
62
}

33
function emitOnClick(event) {
34
    if ( isInteraction(event.target) ) return
35
    this.listeners.click.call(window, this.props)
36
}

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

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

40
mouseClick(mouse_x: number, mouse_y: number, button: number, arg:any)
41
{
42
    if (this.callback != null) this.callback(arg, this.ID);
43
}

88
function onButtonClick(buttonId, callback) {
89
	getById(buttonId).addEventListener("click", callback);
90
}

129
function onMouseEvent(params, env, type) {
130
	var gooRunner = env.entity._world.gooRunner;
131
132
	var pickResult = gooRunner.pickSync(env.mouseState.x, env.mouseState.y, env.skipUpdateBuffer);
133
	if (!env.skipUpdateBuffer) {
134
		SystemBus.emit('ButtonScript.renderToPick');
135
	}
136
	var entity = gooRunner.world.entityManager.getEntityByIndex(pickResult.id);
137
	env.mouseState.downOnEntity = false;
138
	if (entity === env.entity) {
139
		SystemBus.emit(params.channel + '.' + type, {
140
			type: type,
141
			entity: entity
142
		});
143
		if (type === 'mousedown' || type === 'touchstart') {
144
			env.mouseState.downOnEntity = true;
145
		}
146
		if (params.linkUrl && type === 'click') {
147
			window.open(params.linkUrl, params.linkTarget);
148
		}
149
	}
150
151
	// mouseover
152
	if (type === 'mousemove' && !env.mouseState.overEntity && entity === env.entity) {
153
		SystemBus.emit(params.channel + '.mouseover', {
154
			type: 'mouseover',
155
			entity: entity
156
		});
157
	}
158
	// mouseout
159
	if (type === 'mousemove' && env.mouseState.overEntity && entity !== env.entity) {
160
		SystemBus.emit(params.channel + '.mouseout', {
161
			type: 'mouseout',
162
			entity: entity
163
		});
164
	}
165
	env.mouseState.overEntity = (entity === env.entity);
166
}

350
function DocumentClick (clickEvent)
351
{
352
	var floating = document.getElementById ('floating');
353
	var exporttext = document.getElementById ('exporttext');
354
	var svgcontent = document.getElementById ('svgcontent');
355
	var isInFloating = false;
356
	
357
	var target = clickEvent.target;
358
	while (target !== null) {
359
		if (target === floating) {
360
			isInFloating = true;
361
			break;
362
		}
363
		target = target.parentElement;
364
	}
365
	
366
	if (!isInFloating) {
367
		if (floating.style.display !== 'none') {
368
			floating.style.display = 'none';
369
			exporttext.style.display = 'none';
370
			svgcontent.style.display = 'none';
371
		}
372
	}
373
}