Why is Event.target not Element in Typescript?

by

It doesn’t inherit from Element because not all event targets are elements.

From MDN:

Element, document, and window are the most common event targets, but other objects can be event targets too, for example XMLHttpRequest, AudioNode, AudioContext, and others.

Even the KeyboardEvent you’re trying to use can occur on a DOM element or on the window object (and theoretically on other things), so right there it wouldn’t make sense for evt.target to be defined as an Element.

If it is an event on a DOM element, then I would say that you can safely assume evt.target. is an Element. I don’t think this is an matter of cross-browser behavior. Merely that EventTarget is a more abstract interface than Element.

Further reading: https://github.com/Microsoft/TypeScript/issues/29540

More Related Contents:

  1. ‘unknown’ vs. ‘any’
  2. typescript interface require one of two properties to exist
  3. The property ‘value’ does not exist on value of type ‘HTMLElement’
  4. What is the question mark for in a Typescript parameter name
  5. How to pass optional parameters while omitting some other optional parameters?
  6. Angular 2 Show and Hide an element
  7. Types for function that applys name of function and arguments
  8. Typescript: How can I make entries in an ES6 Map based on an object key/value type
  9. Typescript Interface – Possible to make “one or the other” properties required?
  10. Difference between ‘object’ ,{} and Object in TypeScript
  11. Forcing excess-property checking on variable passed to TypeScript function
  12. Why can Typescript not figure out the type in my code?
  13. How to reject in async/await syntax?
  14. Declaring the type of ‘this’ in a typescript function?
  15. Using eslint with typescript – Unable to resolve path to module
  16. Typescript error: TS7053 Element implicitly has an ‘any’ type
  17. In Typescript what does mean?
  18. What does the tsconfig option “lib” do?
  19. Accessing a property in a parent Component
  20. TypeScript error in Angular2 code: Cannot find name ‘module’
  21. Is this behavior of “𝚊𝚗𝚢” a TypeScript Type System Bug?
  22. Naming of TypeScript’s union and intersection types
  23. Union and Intersection of types
  24. Jest won’t transform the module – SyntaxError: Cannot use import statement outside a module
  25. TypeScript export imported interface
  26. How to create an Observable from static data similar to http one in Angular?
  27. Setting up tsconfig with spec/test folder
  28. How to pass an instance variable into typescript decorator arguments?
  29. Can I force the TypeScript compiler to use nominal typing?
  30. Optional class members in Typescript

Leave a Comment