Eventï¼type 屿§
åºçº¿
广æ³å¯ç¨
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
Event æ¥å£çåªè¯»å±æ§ type ä¼è¿åä¸ä¸ªå符串ï¼è¡¨ç¤ºè¯¥äºä»¶å¯¹è±¡çäºä»¶ç±»åã该åç§°å¨æé äºä»¶æ¶è®¾ç½®ï¼é常ç¨äºæä»£ç¹å®äºä»¶ï¼å¦ 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); // 第ä¸ä¸ª
document.addEventListener("keypress", getEventType, false); // 第äºä¸ª
document.addEventListener("keyup", getEventType, false); // 第ä¸ä¸ª
// é¼ æ äºä»¶
document.addEventListener("mousedown", getEventType, false); // 第ä¸ä¸ª
document.addEventListener("mouseup", getEventType, false); // 第äºä¸ª
document.addEventListener("click", getEventType, false); // 第ä¸ä¸ª
ç»æ
è§è
| è§è |
|---|
| DOM > # ref-for-dom-event-type⣠> |