on() — svelte Function Reference

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

Function javascript ClientRuntime Hydration calls 1 called by 2

Entity Profile

ClientRuntime→ Hydration→ on() — svelte Function Reference

Dependency Diagram

graph TD
  a182a6a3_1f1f_84a4_fbdc_e20427ca84fc["on()"]
  2c990bd1_acff_5910_3af2_ab75f655b31b["events.js"]
  a182a6a3_1f1f_84a4_fbdc_e20427ca84fc -->|defined in| 2c990bd1_acff_5910_3af2_ab75f655b31b
  c995b8b0_a66f_3859_49e4_870c64e34e8a["passive()"]
  c995b8b0_a66f_3859_49e4_870c64e34e8a -->|calls| a182a6a3_1f1f_84a4_fbdc_e20427ca84fc
  4b8f0d7c_b6aa_c430_0e05_d9063aab1da4["nonpassive()"]
  4b8f0d7c_b6aa_c430_0e05_d9063aab1da4 -->|calls| a182a6a3_1f1f_84a4_fbdc_e20427ca84fc
  12245a28_3cec_3119_faa7_968496e0db88["create_event()"]
  a182a6a3_1f1f_84a4_fbdc_e20427ca84fc -->|calls| 12245a28_3cec_3119_faa7_968496e0db88
  style a182a6a3_1f1f_84a4_fbdc_e20427ca84fc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/events.js lines 95–101

export function on(element, type, handler, options = {}) {
	var target_handler = create_event(type, element, handler, options);

	return () => {
		element.removeEventListener(type, target_handler, options);
	};
}