LiveView click event and offsetX, offsetY coordinates

Thu, 19 Mar 2020 17:05:47 +0000

Phoenix LiveView plays fantastically well with SVG elements, making really easy to render dynamic images, without writing any JavaScript code.

There are different bindings we can use to register and react to user interaction, one of these is phx-click. By adding phx-click="clicked" attribute to an element in our LiveView, when user clicks the element, a "clicked" event is sent to the LiveView process.

phx-click on Poeticoding

LiveView click event and offsetX, offsetY coordinates