cferdinandi/emit.html Secret

## emit.html
<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>emit</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>

	<body>


		<script>
			/**
			 * Emit a custom event
			 * (c) Chris Ferdinandi, MIT License, https://gomakethings.com
			 * @param  {String} type   The event type
			 * @param  {Object} detail Any details to pass along with the event
			 * @param  {Node}   elem   The element to attach the event to
			 */
			function emit (type, detail = {}, elem = document) {

				// Make sure there's an event type
				if (!type) return;

				// Create a new event
				let event = new CustomEvent(type, {
					bubbles: true,
					cancelable: true,
					detail: detail
				});

				// Dispatch the event
				return elem.dispatchEvent(event);

			}

			window.addEventListener('my-library:custom-event', function (event) {
				console.log(event.detail);
			}, false);

			emit('my-library:custom-event', {
				greeting: 'Hello, world!'
			});
		</script>

	</body>
</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<title>emit</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>

	<body>


	<script>
	/**
	* Emit a custom event
	* (c) Chris Ferdinandi, MIT License, https://gomakethings.com
	* @param {String} type The event type
	* @param {Object} detail Any details to pass along with the event
	* @param {Node} elem The element to attach the event to
	*/
	function emit (type, detail = {}, elem = document) {

	// Make sure there's an event type
	if (!type) return;

	// Create a new event
	let event = new CustomEvent(type, {
	bubbles: true,
	cancelable: true,
	detail: detail
	});

	// Dispatch the event
	return elem.dispatchEvent(event);

	}

	window.addEventListener('my-library:custom-event', function (event) {
	console.log(event.detail);
	}, false);

	emit('my-library:custom-event', {
	greeting: 'Hello, world!'
	});
	</script>

	</body>
	</html>