Elements trigger() - KirkGarcia182/domExtend GitHub Wiki

trigger()

Description

Will trigger the elements event based on the passed parameters. It can trigger both Normal Events and Custom Events.

Syntax

element.trigger(eventName [, isCustomEvent, customEventInit]);

Parameters

eventName - A String representing the name of the event you want to trigger isCustomEvent (Optional) - A Boolean that states whether the event being triggered is a Custom Event. customEventInit (Optional) - customEventInit explained

Return Value

The element you just manipulated so you can chain these methods.

Example

<!DOCTYPE html>
<html>
<head>
	<title>domExt Examples</title>
</head>
<body>
	<div id="app">
		<div class="menus">
			<ul id='menuList'>
				<li><a class='menuLink'>Menu 1</a></li>
				<li><a class='menuLink'>Menu 2</a></li>
				<li><a class='menuLink'>Menu 3</a></li>
			</ul>
		</div>
	</div>
	<script type="text/javascript" src="domExt.js"></script>
	<script type="text/javascript">
		window.$ = document;

		let app = $.byId('app');
		// register a normal event listener
		app.on('click', e => console.log('Normal Event Triggered!'));
		// register a custom event listener
		app.on('myCustomEvent', e => console.log(e.detail));

		app.trigger('click');
		/* Result
			Normal Event Triggered!
		*/

		app.trigger('myCustomEvent', true, {detail: 'Custom Event Triggered'});
		/* Result
			Custom Event Triggered
		*/
	</script>
</body>
</html>