$on() — svelte Function Reference

Architecture documentation for the $on() function in legacy-client.js from the svelte codebase.

Function javascript SharedInternal DOMUtils calls 1

Entity Profile

SharedInternal→ DOMUtils→ $on() — svelte Function Reference

Dependency Diagram

graph TD
  886e4199_1a2e_3170_a9a6_cd048c976a0d["$on()"]
  4a6dd8eb_d702_b5bf_74e8_1b0f596492ee["Svelte4Component"]
  886e4199_1a2e_3170_a9a6_cd048c976a0d -->|defined in| 4a6dd8eb_d702_b5bf_74e8_1b0f596492ee
  ea5280ff_3b87_42ee_3823_3570b76a5779["push()"]
  886e4199_1a2e_3170_a9a6_cd048c976a0d -->|calls| ea5280ff_3b87_42ee_3823_3570b76a5779
  style 886e4199_1a2e_3170_a9a6_cd048c976a0d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/legacy/legacy-client.js lines 166–175

	$on(event, callback) {
		this.#events[event] = this.#events[event] || [];

		/** @param {any[]} args */
		const cb = (...args) => callback.call(this, ...args);
		this.#events[event].push(cb);
		return () => {
			this.#events[event] = this.#events[event].filter(/** @param {any} fn */ (fn) => fn !== cb);
		};
	}