on

Add an event listener to one or more child components.

Parameters

• string : selector The selector.

• string: event The event.

• function : cb The callback function.

Example

JavaScript

import { Component } from "combo-js";

const Example = new class extends Component {
	created() {
		this.data = {
			field1: "",
			field2: "",
			field3: ""
		}
	}
	rendered() {
		this.on("[type='text']", "change", (e) => {
			this.update({
				[e.target.name]: e.target.value
			});
		});
	}
	render() {
		return `
			<input name="field1" type="text" value="${this.data.field1}">
			<input name="field2" type="text" value="${this.data.field2}">
			<input name="field3" type="text" value="${this.data.field3}">

			<p>${JSON.stringify(this.data)}</p>
		`;
	}
}();

Example.mount(document.getElementById("root"));

HTML

<div id="root"></div>