New to Kendo UI for jQuery? Start a free 30-day trial

Back

events

Triggered when the user navigates back to the previous URL.

back

Event Data

e.url `String`

The current part of the URL

e.to `String`

The fragment part of the previous URL

Calling the preventDefault method of the event object will stop the change and restore the previous URL.

<script>
var router = new kendo.Router();

router.bind("back", function(e) {
    console.log("Navigating back from:", e.to, "to:", e.url);
    
    // Optionally prevent the back navigation
    // e.preventDefault();
});

router.route("/page1", function() {
    console.log("Page 1 loaded");
});

router.route("/page2", function() {
    console.log("Page 2 loaded");
});

$(function() {
    router.start();
    
    // Navigate forward
    router.navigate("/page1");
    router.navigate("/page2");
    
    // Navigate back (will trigger the back event)
});
</script>

Back

back

Event Data

e.url String

e.to String

e.url `String`

e.to `String`