onHotkeys

Defined in: packages/ember-hotkeys/src/onHotkeys.ts:9

Attach a reactive list of hotkeys directly to an element.

Extends

default<{ Args: { Named: ElementHotkeyOptions; Positional: [ReadonlyArray<EmberHotkeyDefinition>]; }; Element: HTMLElement; }>

Constructors

Constructor

new onHotkeys(owner, args): OnHotkeys;

Defined in: node_modules/.pnpm/ember-modifier@4.2.2_@babel+core@7.29.7_supports-color@8.1.1__supports-color@8.1.1/node_modules/ember-modifier/declarations/-private/class-based/modifier.d.ts:26

Parameters

owner

Owner

An instance of an Owner (for service injection etc.).

args

ArgsFor<{ Args: { Named: ElementHotkeyOptions; Positional: [readonly EmberHotkeyDefinition[]]; }; Element: HTMLElement; }>

The positional and named arguments passed to the modifier.

Returns

OnHotkeys

Inherited from

Modifier<{
  Element: HTMLElement
  Args: {
    Positional: [ReadonlyArray<EmberHotkeyDefinition>]
    Named: ElementHotkeyOptions
  }
}>.constructor

Properties

[Invoke]

[Invoke]: (element, ...args) => ModifierReturn;

Defined in: node_modules/.pnpm/@glint+template@1.9.0/node_modules/@glint/template/-private/integration.d.ts:22

Parameters

element

HTMLElement

args

...[readonly EmberHotkeyDefinition[], NamedArgs<ElementHotkeyOptions>]

Returns

ModifierReturn

Inherited from

Modifier.[Invoke]

Methods

modify()

modify(
   element, 
   positional, 
   options): void;

Defined in: packages/ember-hotkeys/src/onHotkeys.ts:18

Called when the modifier is installed and any time any tracked state used in the modifier changes.

If you need to do first-time-only setup, create a class field representing the initialization state and check it when running the hook. That is also where and when you should use registerDestructor for any teardown you need to do. For example:

function disconnect(instance) {
 instance.observer?.disconnect();
}

class IntersectionObserver extends Modifier {
  observer;

  constructor(owner, args) {
    super(owner, args);
    registerDestructor(this, disconnect);
  }

  modify(element, callback, options) {
    disconnect(this);

    this.observer = new IntersectionObserver(callback, options);
    this.observer.observe(element);
  }
}