event() — svelte Function Reference

Architecture documentation for the event() function in events.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 2

Entity Profile

ClientRuntime→ Hydration→ event() — svelte Function Reference

Dependency Diagram

graph TD
  c19e92b3_4483_023c_ecdb_0439ea880ffa["event()"]
  2c990bd1_acff_5910_3af2_ab75f655b31b["events.js"]
  c19e92b3_4483_023c_ecdb_0439ea880ffa -->|defined in| 2c990bd1_acff_5910_3af2_ab75f655b31b
  12245a28_3cec_3119_faa7_968496e0db88["create_event()"]
  c19e92b3_4483_023c_ecdb_0439ea880ffa -->|calls| 12245a28_3cec_3119_faa7_968496e0db88
  20340432_01a2_6741_abf4_60ccab51cdb3["teardown()"]
  c19e92b3_4483_023c_ecdb_0439ea880ffa -->|calls| 20340432_01a2_6741_abf4_60ccab51cdb3
  style c19e92b3_4483_023c_ecdb_0439ea880ffa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/events.js lines 111–128

export function event(event_name, dom, handler, capture, passive) {
	var options = { capture, passive };
	var target_handler = create_event(event_name, dom, handler, options);

	if (
		dom === document.body ||
		// @ts-ignore
		dom === window ||
		// @ts-ignore
		dom === document ||
		// Firefox has quirky behavior, it can happen that we still get "canplay" events when the element is already removed
		dom instanceof HTMLMediaElement
	) {
		teardown(() => {
			dom.removeEventListener(event_name, target_handler, options);
		});
	}
}