The type
read-only property of the Event
interface returns a string containing the event's type. It is set when the event is constructed and is the name commonly used to refer to the specific event, such as click
, load
, or error
.
The type
read-only property of the Event
interface returns a string containing the event's type. It is set when the event is constructed and is the name commonly used to refer to the specific event, such as click
, load
, or error
.
A string containing the type of Event
.
This example logs the event type whenever you press a keyboard key or click a mouse button.
html
<p>Press any key or click the mouse to get the event type.</p> <p id="log"></p>
js
function getEventType(event) { const log = document.getElementById("log"); log.innerText = `${event.type}\n${log.innerText}`; } // Keyboard events document.addEventListener("keydown", getEventType, false); // first document.addEventListener("keypress", getEventType, false); // second document.addEventListener("keyup", getEventType, false); // third // Mouse events document.addEventListener("mousedown", getEventType, false); // first document.addEventListener("mouseup", getEventType, false); // second document.addEventListener("click", getEventType, false); // third
Specification |
---|
DOM Standard # ref-for-dom-event-type④ |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
type |
1 | 12 | 1.5 | 9 | 7 | 1 | 4.4 | 18 | 4 | 10.1 | 1 | 1.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Event/type