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

Click

events

Fires when an item or a rootitem is clicked.

click

Event Data

e.originalEvent `Object`

The original DOM event.

The Breadcrumb instance that triggered the event.

e.isRoot `Boolean`

Indicates if the event is triggered from the rootitem.

e.item `Object`

The item representation of the clicked instance.

e.preventDefault `Function`

If invoked prevents the click action.

<nav id="breadcrumb"></nav>

<script>
    $("#breadcrumb").kendoBreadcrumb({
        value: 'Telerik UI/Navigation/Breadcrumb',
		click: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
			console.log(e.sender);
		}
    });

</script>

<nav id="breadcrumb"></nav>

<script>
    var breadcrumb = $("#breadcrumb").kendoBreadcrumb({
        value: 'Telerik UI/Navigation/Breadcrumb'
    }).getKendoBreadcrumb();

	breadcrumb.bind('click', function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
		console.log(e.sender);
	});
</script>