event type descriptions are misleading

[jonathanstanley]

A few places in the docs on events / event listeners seem to confuse Event name and Event.type

Example

click triggers a MouseEvent where MouseEvent.type === "click"

• click is the Event type
• MouseEvent is the Event interface name

This is WRONG on the events page:

Event type ⚠️	Description	Documentation
MouseEvent ⚠️	Events related to using a computer mouse. Used to notify when the mouse is clicked, doubleclicked, up and down events, right-click, movement in and out of an element, text selection, etc.	Mouse events fired on Element

The table header would indicate rows like click, mouseover, etc.
However, the rows instead show MouseEvent which is not the type (it's the Event interface name)
Here is DOM spec for easy reference

Suggested fixes

1. rename table headers

they are currently wrong

  <tbody>
    <tr>
-     <th>Event type</th>
+     <th>Event Name</th>
      <th style="width: 50%">Description</th>
      <th>Documentation</th>
    </tr>

on Events docs

2. clarify description

`type`
- : A case-sensitive string representing the [event type](/en-US/docs/Web/Events) to listen for.
+ : A case-sensitive string representing the [event.type](/en-US/docs/Web/Events) to listen for (i.e. events which have a matching type attribute)

on addEventListener docs

3. enumerate the types

For example, the MouseEvent might look like this:

Event	Description	Documentation
MouseEvent types:click, mouseover, etc...	Events related to using a computer mouse. Used to notify when the mouse is clicked, doubleclicked, up and down events, right-click, movement in and out of an element, text selection, etc.	Mouse events fired on Element

on Events docs

next

thoughts? would it be worth me submitting a PR?