(JS Interop) How do I remove an event listener from an element assigned via Jsinterop.

[GlacierFox]

How do I remove an event listener after it's been added via JSInterop?

_nullifyKeyInputModuleJS = await IJSRuntime.InvokeAsync<IJSObjectReference>("import", "/scripts/nullify-key-input.js");
        await _nullifyKeyInputModuleJS.InvokeVoidAsync(Utilities.JavaScript.UserScripts.NullifyKeyInput, _dialogTitleTextArea.Element, "Enter", "Enter");

Here's the javascript (Typescript).

export function nullifyKeyInput(elementReference: Element, code: string, key: string) {
    let elementForKeyPrevention: HTMLElement = elementReference as HTMLElement;
    elementForKeyPrevention.addEventListener("keydown", textBoxKeyDown, false);

    function textBoxKeyDown(event: KeyboardEvent) {
        if (event.code == code || event.key == key) {
            event.preventDefault();
        }
    }
}

Of course I need a reference to the original event callback function to remove it but how and where would I store that? Is it actually possible?

I'm calling this every time a specific modal is loaded on a multi-use component and im assuming I'd be sort of stacking these event listeners if I don't remove them when I close the modal. (the component isn't being fully destroyed)

Bear with me I don't use javascript very often 😅