使用 ctrlKey 设置触发 jQuery 3 事件

Question

I'm about to update to jQuery 3 on Typescript with current Typedefinitions .

When compiling code like

const event:JQuery.Event<HTMLElement, null> = $.Event("keydown");
event.which = 77;
event.ctrlKey = true;
$(window).trigger(event);

I get the following error

TS2540: Cannot assign to 'ctrlKey' because it is a constant or a read-only property.

How can I fix this? This was no problem with jQuery 2 and wherever I look it's the recommended way to trigger an event with a set ctrlKey.

The only way to get around this compiler error is to rewrite it to

event["ctrl" + "Key"] = true;

but that feels way too hacky :) I'm looking for a smooth solution to this.

Answer 1

The following now works as of @types/jquery@3.3.13 (fixed by DefinitelyTyped/DefinitelyTyped#29520 ).

const ev: JQuery.Event<Window> = $.Event("keydown");
ev.which = 77;
ev.ctrlKey = true;
$(window).trigger(ev);

---

For older versions, you would've had to use the following.

const ev: JQuery.Event<Window> = $.Event("keydown", { ctrlKey: true });
ev.which = 77;
$(window).trigger(ev);