TypeScript & JQuery: event in handler "has not" properties 'target' and 'currentTarget'

Question

I got TS2339: Property 'target' does not exist on type 'Event'. in below code:

this.$Element.on('click', SELECTOR, (event: JQuery.Event) => {
    const $ClickedLink: JQuery<HTMLElement> = JQuery(event.target);
    //
}

event.currentTarget is also does not exist, as ... defined in JQuery types?

Of course, there are no errors in compiled JavaScript.

This code is not the Angular! I just combine JQuery and class-based OOP.

Sean Vieira · Accepted Answer · 2019-05-01 03:49:57Z

13

This is because the @types/jquery type for the event that is provided to a callback (as opposed to the $.Event function) is called TriggeredEvent, not Event:

this.$Element.on('click', SELECTOR, (event: JQuery.TriggeredEvent) => {
  const $ClickedLink: JQuery<HTMLElement> = JQuery(event.target);
  // ... snip ...
}

answered May 1, 2019 at 3:49

Sean Vieira

161k34 gold badges321 silver badges297 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

TypeScript & JQuery: event in handler "has not" properties 'target' and 'currentTarget'

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related