CKEditor Ecosystem Documentation
Search
Home/CKEditor 5/API
Class

KeystrokeHandler (utils)

@ckeditor/ckeditor5-utils/src/keystrokehandler

class
See source

Keystroke handler allows registering callbacks for given keystrokes.

The most frequent use of this class is through the editor.keystrokes property. It allows listening to keystrokes executed in the editing view:

editor.keystrokes.set( 'Ctrl+A', ( keyEvtData, cancel ) => {
    console.log( 'Ctrl+A has been pressed' );
    cancel();
} );

However, this utility class can be used in various part of the UI. For instance, a certain View can use it like this:

class MyView extends View {
    constructor() {
        this.keystrokes = new KeystrokeHandler();

        this.keystrokes.set( 'tab', handleTabKey );
    }

    render() {
        super.render();

        this.keystrokes.listenTo( this.element );
    }
}

That keystroke handler will listen to keydown events fired in this view's main element.

Filtering

Properties

  • _listener : Emitter

    protected

    Listener used to listen to events for easier keystroke handler destruction.

    See source

Methods

  • constructor()

    Creates an instance of the keystroke handler.

    See source

  • destroy()

    Destroys the keystroke handler.

    See source

  • listenTo( emitter )

    Starts listening for keydown events from a given emitter.

    See source

    Parameters

    emitter : Emitter

  • press( keyEvtData ) → Boolean

    Triggers a keystroke handler for a specified key combination, if such a keystroke was defined.

    See source

    Parameters

    keyEvtData : KeyEventData

    Key event data.

    Returns

    Boolean

    Whether the keystroke was handled.

  • set( keystroke, callback, [ options ] = { [options.priority] } )

    Registers a handler for the specified keystroke.

    See source

    Parameters

    keystroke : String | Array.<(String | Number)>

    Keystroke defined in a format accepted by the parseKeystroke function.

    callback : function

    A function called with the key event data object and a helper funcion to call both preventDefault() and stopPropagation() on the underlying event.

    [ options ] : Object

    Additional options.

    Properties
    [ options.priority ] : PriorityString | Number

    The priority of the keystroke callback. The higher the priority value the sooner the callback will be executed. Keystrokes having the same priority are called in the order they were added.

    Defaults to 'normal'

    Defaults to {}