Event: type ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
type 㯠Event ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ããããã£ã§ãã¤ãã³ãã®ç¨®å¥ã表ãæååãè¿ãã¾ããã¤ãã³ããæ§ç¯ãããã¨è¨å®ããããã®åå㯠click, load, error ã®ãããªç¹å®ã®ã¤ãã³ããåç
§ããããã«ãã使ç¨ããã¾ãã
å¤
Event ã®ç¨®å¥ã表ãæååã§ãã
ä¾
ãã®ä¾ã¯ããã¼ãã¼ãã®ãã¼ãæ¼ããããã¦ã¹ãã¿ã³ãã¯ãªãã¯ããã¨ã¤ãã³ã種å¥ããã°ã«åºåãã¾ãã
HTML
html
<p>ãã¼ãæ¼ããããã¦ã¹ãã¯ãªãã¯ãã¦ãã ããã</p>
<p id="log"></p>
JavaScript
js
function getEventType(event) {
const log = document.getElementById("log");
log.innerText = `${event.type}\n${log.innerText}`;
}
// ãã¼ãã¼ãã¤ãã³ã
document.addEventListener("keydown", getEventType, false); // first
document.addEventListener("keypress", getEventType, false); // second
document.addEventListener("keyup", getEventType, false); // third
// ãã¦ã¹ã¤ãã³ã
document.addEventListener("mousedown", getEventType, false); // first
document.addEventListener("mouseup", getEventType, false); // second
document.addEventListener("click", getEventType, false); // third
çµæ
仿§æ¸
| 仿§æ¸ |
|---|
| DOM > # ref-for-dom-event-type⣠> |