const speechToText = $('#speechToTextContainer').dxSpeechToText('instance');

speechToText.registerKeyHandler('backspace', function(e) {
    // The argument 'e' contains information about the event
});
speechToText.registerKeyHandler('space', function(e) {
    // ...
});

import { ViewChild, AfterViewInit } from '@angular/core';
import { DxSpeechToTextComponent } from 'devextreme-angular/ui/speech-to-text';

@Component({
    imports: [DxSpeechToTextComponent],
    // ...
})
export class AppComponent implements AfterViewInit {
    @ViewChild(DxSpeechToTextComponent, { static: false }) speechToText!: DxSpeechToTextComponent;
    // Prior to Angular 8
    // @ViewChild(DxSpeechToTextComponent) speechToText: DxSpeechToTextComponent;

    ngAfterViewInit () {
        this.speechToText.instance.registerKeyHandler('backspace', function(e) {
            // The argument "e" contains information about the event
        });
        this.speechToText.instance.registerKeyHandler('space', function(e) {
            // ...
        });
    }
}

<template>
    <DxSpeechToText ref="speechToTextRef" />
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue';
import { DxSpeechToText } from 'devextreme-vue/speech-to-text';

const speechToTextRef = ref<DxSpeechToText | null>(null);

onMounted(() => {
    speechToTextRef.value.instance.registerKeyHandler('backspace', function(e) {
        // The argument "e" contains information about the event
    });
    speechToTextRef.value.instance.registerKeyHandler('space', function(e) {
        // ...
    });
})

</script>

import React, { useRef, useEffect } from 'react';
import { SpeechToText, type SpeechToTextRef } from 'devextreme-react/speech-to-text';

function App() {
    const speechToTextRef = useRef<SpeechToTextRef>(null);

    useEffect(() => {
        const speechToText = speechToTextRef.current.instance();
        speechToText.registerKeyHandler('backspace', function(e) {
            // The argument "e" contains information about the event
        });
        speechToText.registerKeyHandler('space', function(e) {
            // ...
        });
    }, []);

    return (
        <SpeechToText ref={speechToTextRef} />
    );
}