Inspector does not find currentTarget.className

Answered
Avatar
Claus Bönnhoff
Created

This code:

document.querySelector(".editBackground.layer3").addEventListener("animationend", (event) =>
{
    if (event.currentTarget.className.indexOf("fadeOut") !== -1)
        document.querySelector(".editBackground.layer3").remove();
}, false);

creates a warning since the last days. I am pretty sure it didn't before as I have this code many times in my apps and always remove all warnings

"Unresolved variable className"

Why?

 

 

Votes

0

Share

4 comments
Avatar
Elena Pogorelova
Created

You will face similar error if you try to compile your code: TS2339: Property 'className' does not exist on type 'EventTarget'.

the reason is that the exact type of event is unknown, so the type is inferred as generic Event; EventTarget interface doesn't have className property. You need to explicitly tell the IDE the type of the HTMLElement which is your target using type annotations. See https://freshman.tech/snippets/typescript/fix-value-not-exist-eventtarget/

0
Avatar
Claus Bönnhoff
Created

Hi Elena,

thanks for the answer. But I do not use typescript, so I need to fix this for javascript where I have no type casting. I till struggle why this dit not happen in the past. Is there something new in IntelliJ or may I have misconfigured anything?

 

 

1
Avatar
Elena Pogorelova
Created

In JavaScript, you can use JSDoc annotations to specify types explicitly

1
Avatar
Claus Bönnhoff
Created

Thanks, that works...

0

Please sign in to leave a comment.