tms
Hi there! I’m building a small personal web-app with LiveView, and have been experimenting with some navigation keyboard shortcuts. I’d really like to be able to have certain keyboard shortcuts trigger live redirects to other pages, but I’m struggling to find a way to do this from the javascript side.
To get things temporarily working, I’ve been using the LiveSocket’s private historyRedirect function. This seems to work reasonably well, though I’m getting some rather unexpected behaviour when using the browser back button. I was also able to get things working using the LiveSocket’s public execJS function by passing it the “navigate” kind and appropriate arguments, but unfortunately was still having issues with the browser’s back button seeming to go two pages back, rather than just to the immediately previous page.
I was wondering if anyone had any advice on a proper way to go about triggering a live redirect from the JS side of things?
It feels like the strange back-button behaviour is likely related to me going about things the wrong way, as it works exactly as expected when clicking on navigate links in the UI. Happy to provide more details if it would be helpful! 
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #ai
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #elixirconf-eu
- #metaprogramming
- #hex
Our Sponsors
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Bringing learning, work and compliance together since 1987.
Producing high quality Elixir screencasts since 2017.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 2- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
tfwright
It does seem like this should be easier, but every example I’ve seen of redirecting from the client side that is not a link involved pushEvent + server side redirect. Would love to be corrected though
JohnnyCurran
Does the
Phoenix.LiveView.JS.navigate/1do what you need? Phoenix.LiveView.JS — Phoenix LiveView v1.2.5You can bind those to the
phx-*event handlers:<input phx-keydown={JS.navigate(to: "/")}>