EventsMixin

Source:

core/modules/createEvents.js, line 106

class used to manage adding/removing delegated dom events

Example

import Behaviour, { mix } from '@/core/Behaviour'
import {
	EventsMixin,
} from '@/core/modules/'

export default class ExampleWithAllTheThings extends mix(Behaviour).with(
	EventsMixin
) {
	events = {
		'click [data-link]': 'onClick'
	}

	mount = () => {
		// attach all the events
		this.$$events.attachAll()
		// attach events by key
		this.$$events.attach(['click [data-link]'])
		// remove events by key
		this.$$events.remove(['click [data-link]'])
		// destroy all the events
		this.$$events.destroy()
	}

	onClick = (e, elm) => {
		e.preventDefault()
		elm.classList.toggle('huzzah')
	}
}