hotkeys in input

[brietsparks]

Is there a way to handle a hotkey press inside an text input?

relevant: jaywcjlove/hotkeys-js#85 (comment)

[JohannesKlauss]

I'll investigate this and come back to you.

[JohannesKlauss]

Well since the hook is just a wrapper function and the solution according to your linked issue is to use hotkeys.filter you could just use that. I am not quite sure how a working example would look like, since I don't quite understand the usage of hotkeys.filter in the mentioned issue.
Can you provide any more info on what the feature would look like to you?

[gagandeepgill]

I did this and it works on input/select/textarea elements
reference: https://github.com/jaywcjlove/hotkeys#filter

import hotkeys, {HotkeysEvent} from 'hotkeys-js';
import {useCallback, useEffect} from "react";

type CallbackFn = (event: KeyboardEvent, handler: HotkeysEvent) => void;

export function useHotkeys(keys: string, callback: CallbackFn, deps: any[] = []) {
  const memoisedCallback = useCallback(callback, deps);

  useEffect(() => {
	hotkeys.filter = () => {
	  return true;
	}
    hotkeys(keys, memoisedCallback);

    return () => hotkeys.unbind(keys);
  }, [memoisedCallback]);
}

[JohannesKlauss]

@gagandeepgill pls reference this comment #146 (comment)
I think that we should make a parameter out of this, because otherwise it will be activated by default, which I don't think is expected behavior for users.

[Nolux]

Any updates on this? This is such a nice Hook

[JohannesKlauss]

@Nolux Sorry for not having any updates on this. Because of health issues I was forced to lay down programming for a bit. I try to get this done next week.

[Nolux]

No worries mate. I solved it using the hook mentioned above

[amitsetty]

Thanks for taking time out to update this. This hook is really helpful :)

[JohannesKlauss]

@Nolux This should already be possible. I'll update the docs on this.