JavaScript/jQuery TabPanel - Keyboard Support

An end user can use the following keys to interact with the UI component.

Key	Action
←	Switches the UI component to the previous view.
→	Switches the UI component to the next view.

Use the registerKeyHandler(key, handler) method to implement a custom handler for a key.

JavaScript


function registerKeyHandlers () {
    const tabPanel = $("#tabPanelContainer").dxTabPanel("instance");
    tabPanel.registerKeyHandler("backspace", function(e) {
        // The argument "e" contains information on the event
    });
    tabPanel.registerKeyHandler("space", function(e) {
        // ...
    });
}

JavaScript/jQuery TabPanel - Keyboard Support

See Also