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

Triggered when the user presses a keyboard key while the ScrollView is focused.

The event handler function context (available via the this keyword) will be set to the widget instance.

Event Data

e.sender kendo.ui.ScrollView

The widget instance which fired the event.

e.preventKendoKeydown Boolean

If set to true prevents the default ScrollView keydown logic.

e.preventDefault Function

If invoked cancels the default action that belongs to the keydown event.

<div id="scrollview" style="height: 150px;">
  <div data-role="page">Page 1</div>
  <div data-role="page">Page 2</div>
</div>
<script>
  $("#scrollview").kendoScrollView({
    kendoKeydown: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.keyCode);
    }
  });
</script>
<div id="scrollview" style="height: 150px;">
  <div data-role="page">Page 1</div>
  <div data-role="page">Page 2</div>
</div>
<script>
  $("#scrollview").kendoScrollView();
  var widget = $("#scrollview").data("kendoScrollView");
  widget.bind("kendoKeydown", function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(e.keyCode);
  });
</script>
Not finding the help you need?
Contact Support