+ key

[florianbepunkt]

Hi, thank you for this library. I would like to implement a zoom functionality into an app. How can we use the + key as part of a shortcut?

// this works
  useHotkeys("alt+-", (e: KeyboardEvent) => {
    e.preventDefault();
    alert("zoom out");
  });

// this does not work
  useHotkeys("alt++", (e: KeyboardEvent) => {
    e.preventDefault();
    alert("zoom in");
  });

[florianbepunkt]

Figured it out

  useHotkeys("alt + ±", (e: KeyboardEvent) => {
    e.preventDefault();
    alert("zoom in");
  });

  useHotkeys("alt+-", (e: KeyboardEvent) => {
    e.preventDefault();
    alert("zoom out");
  });

[JohannesKlauss]

Actually, the correct way would be to set the combinationKey option to something else than '+', which is the default. I just realized that this isn't documented. I'll update the docs for that.

export default function App() {
  useHotkeys("shift-+", (e) => console.log(e), { combinationKey: "-" });

  // ....
}