Pantrypoints Pantrypoints

Bindings and Streams

April 22, 2023 1 minutes  • 140 words
Table of contents
PHX- What it does
phx-value-* parameters
phx-click , phx-click-away Click Events
phx-change , phx-submit , phx-feedback-for , phx-disable-with , phx-trigger-action , phx-auto-recover Form Events
phx-blur , phx-focus , phx-window-blur , phx-window-focus Focus
phx-keydown , phx-keyup , phx-window-keydown , phx-window-keyup , phx-key Key Events
phx-viewport-top , phx-viewport-bottom Scroll
phx-update , phx-remove DOM Patching
phx-hook JS Interop
phx-mounted , phx-disconnected , phx-connected Lifecycle Events
phx-debounce , phx-throttle Rate Limiting
phx-track-static Static


Sends data to the LiveView process through the socket as an event name or a value via JS.exec JS.push or phx-value-


# client
<div phx-click="food" phx-value-veg1="Cucumber" phx-value-veg2="Potato" >

# server
def handle_event("food", %{"veg1" => "Cucumber", "veg2" => "Potato"}, socket) do


runs when a click event happens outside the element. This is useful for hiding drop-downs.

phx-blur and phx-focus

Used for input

<input name="email" phx-focus="myfocus" phx-blur="myblur"/>

phx-window-focus and phx-window-blur

Follow Us! →

We're creating a new Economic System from a new Economic Science! Please support us by leaving your email or leaving a comment above.