المفتاح · الحدث

    <.switch class="switch" on_checked_change="switch_changed">
  <:label>Subscribe</:label>
</.switch>

  

    def handle_event("switch_changed", %{"id" => id, "checked" => checked} = params, socket) do
  IO.inspect(params, label: "switch_changed")
  {:noreply, socket}
end
  

    <.switch class="switch" on_checked_change_client="switch-changed">
  <:label>Subscribe</:label>
</.switch>

  

    const el = document.getElementById("switch-on-checked-change-client");
el?.addEventListener("switch-changed", (event) => console.log(event.detail));

  

    const el = document.getElementById("switch-on-checked-change-client");
el?.addEventListener("switch-changed", (event: Event) =>
  console.log((event as CustomEvent<{ id: string; checked: boolean }>).detail)
);