------------------------- Event-ʼþ | ------------------------- # Êó±êʼþ onclick * µ±Óû§µã»÷ij¸ö¶ÔÏóʱµ÷ÓõÄʼþ¾ä±ú¡£ oncontextmenu * ÔÚÓû§µã»÷Êó±êÓÒ¼ü´ò¿ªÉÏÏÂÎIJ˵¥Ê±´¥·¢ ondblclick * µ±Óû§Ë«»÷ij¸ö¶ÔÏóʱµ÷ÓõÄʼþ¾ä±ú¡£ onmousedown * Êó±ê°´Å¥±»°´Ï¡£ onmouseenter *µ±Êó±êÖ¸ÕëÒƶ¯µ½ÔªËØÉÏʱ´¥·¢¡£ onmouseleave *¡¡µ±Êó±êÖ¸ÕëÒƳöÔªËØʱ´¥·¢ onmousemove * Êó±ê±»Òƶ¯¡£ onmouseover * Êó±êÒƵ½Ä³ÔªËØÖ®ÉÏ¡£ onmouseout * Êó±ê´ÓijԪËØÒÆ¿ª¡£ onmouseup * Êó±ê°´¼ü±»ËÉ¿ª¡£ # ¼üÅÌʼþ onkeydown * ij¸ö¼üÅÌ°´¼ü±»°´Ï¡£ onkeypress * ij¸ö¼üÅÌ°´¼ü±»°´Ï²¢ËÉ¿ª¡£ onkeyup * ij¸ö¼üÅÌ°´¼ü±»ËÉ¿ª¡£ # ±íµ¥Ê¼þ onblur * ÔªËØʧȥ½¹µãʱ´¥·¢ onchange * ¸ÃʼþÔÚ±íµ¥ÔªËصÄÄÚÈݸıäʱ´¥·¢( , , , ºÍ ) onfocus * ÔªËØ»ñÈ¡½¹µãʱ´¥·¢ onfocusin * ÔªËؼ´½«»ñÈ¡½¹µãʱ´¥·¢ onfocusout * ÔªËؼ´½«Ê§È¥½¹µãʱ´¥·¢ oninput * ÔªËØ»ñÈ¡Óû§ÊäÈëʱ´¥·¢ onreset * ±íµ¥ÖØÖÃʱ´¥·¢ onsearch * Óû§ÏòËÑË÷ÓòÊäÈëÎı¾Ê±´¥·¢ ( <input>) onselect * Óû§Ñ¡È¡Îı¾Ê±´¥·¢ ( <input> ºÍ <textarea>) onsubmit * ±íµ¥Ìύʱ´¥·¢ # ¿ò¼Ü/¶ÔÏó£¨Frame/Object£©Ê¼þ onabort * ͼÏñµÄ¼ÓÔر»Öжϡ£ ( <object>) onbeforeunload * ¸ÃʼþÔÚ¼´½«À뿪ҳÃ棨ˢлò¹Ø±Õ£©Ê±´¥·¢ onerror * ÔÚ¼ÓÔØÎĵµ»òͼÏñʱ·¢Éú´íÎó¡£ ( <object>,ºÍ <frameset>) onhashchange * ¸ÃʼþÔÚµ±Ç° URL µÄ겿·Ö·¢ÉúÐÞ¸Äʱ´¥·¢¡£ onload * Ò»ÕÅÒ³Ãæ»òÒ»·ùͼÏñÍê³É¼ÓÔØ¡£ onpageshow * ¸ÃʼþÔÚÓû§·ÃÎÊÒ³Ãæʱ´¥·¢ onpagehide * ¸ÃʼþÔÚÓû§À뿪µ±Ç°ÍøÒ³Ìøתµ½ÁíÍâÒ»¸öÒ³Ãæʱ´¥·¢ onresize * ´°¿Ú»ò¿ò¼Ü±»ÖØе÷Õû´óС¡£ onscroll * µ±Îĵµ±»¹ö¶¯Ê±·¢ÉúµÄʼþ¡£ onunload * Óû§Í˳öÒ³Ãæ¡£ ( ºÍ <frameset>) ------------------------- Event-°ó¶¨ÓëÈ¡Ïû | ------------------------- # °ó¶¨Ò»¼¶Ê¼þ <button onclick="test()"></button> # È¡Ïû°ó¶¨Ò»¼¶Ê¼þ document.getElementByTagName("button")[0].onclick = null; # °ó¶¨¶þ¼¶Ê¼þ * ¿ÉÒÔΪһÖÖʼþ°ó¶¨N¸öÖ´Ðз½·¨,»áÒÀ´ÎÖ´ÐÐ * ¿ÉÒÔΪNÖÖʼþ°ó¶¨N¸öÖ´Ðз½·¨ Node.ʼþ = function(event){ }; Node.addEventListener('ʼþ',function(event){ },useCapture); * ´Ë´¦µÄʼþµÄÃû³ÆÐèҪɾ³ý'on'ǰ׺ * useCapture ĬÈÏֵΪ false, ¼´Ã°ÅÝ´«µÝ£¬µ±ÖµÎª true ʱ, ʼþʹÓò¶»ñ´«µÝ¡£ * ÔÚ Ã°ÅÝ ÖÐ,ÄÚ²¿ÔªËصÄʼþ»áÏȱ»´¥·¢£¬È»ºóÔÙ´¥·¢ÍⲿԪËØ¡£ * ÔÚ ²¶»ñ ÖÐ,ÍⲿԪËصÄʼþ»áÏȱ»´¥·¢£¬È»ºó²Å»á´¥·¢ÄÚ²¿ÔªËصÄʼþ # È¡Ïû°ó¶¨¶þ¼¶Ê¼þ Node.removeEventListener('ʼþ',fun); ------------------------ Event-ÊôÐÔ | ------------------------ # ×éºÏ°´¼üÏà¹Ø altKey * ·µ»Øµ±Ê¼þ±»´¥·¢Ê±£¬"ALT" ÊÇ·ñ±»°´Ï¡£ shiftKey * ·µ»Øµ±Ê¼þ±»´¥·¢Ê±£¬"SHIFT" ¼üÊÇ·ñ±»°´Ï¡£ ctrlKey * ·µ»Øµ±Ê¼þ±»´¥·¢Ê±£¬"CTRL" ¼üÊÇ·ñ±»°´Ï¡£ metaKey * ·µ»Øµ±Ê¼þ±»´¥·¢Ê±£¬"meta" ¼üÊÇ·ñ±»°´Ï¡£ # ¼üÅÌʼþÏà¹Ø keyCode * ¶ÔÓÚ keypress ʼþ£¬¸ÃÊôÐÔÉùÃ÷Á˱»Çû÷µÄ¼üÉú³ÉµÄ Unicode ×Ö·ûÂë¡£ * ¶ÔÓÚ keydown ºÍ keyup ʼþ£¬ËüÖ¸¶¨Á˱»Çû÷µÄ¼üµÄÐéÄâ¼üÅÌÂë¡£ÐéÄâ¼üÅÌÂë¿ÉÄܺÍʹÓõļüÅ̵IJ¼¾ÖÏà¹Ø¡£ key * ÔÚ°´Ï°´¼üʱ·µ»Ø°´¼üµÄ±êʶ·û¡£ * ¾ÍÊǼüµÄÃû³Æ # Êó±êʼþÏà¹Ø clientX clientY * Êó±êÏà¶ÔÓÚÕû¸öÒ³ÃæµÄ×ø±ê * ½ö½öÊÇ¿ÉÒÔ¿´µ½µÄÒ³Ãæ,ÎÞÊÓ¹ö¶¯ÌõµÄ¾àÀë.ÀÀÆ÷´°¿Ú´óСÐ޸ĵÄʱºò,¸ÃÖµÒ²»áÐÞ¸Ä screenX screenY * Êó±êÏà¶ÔÓÚÆÁÄ»µÄ×ø±ê¡£ pageX pageY * Êó±êÏà¶ÔÓÚÕû¸öÒ³ÃæµÄ×ø±ê * »á¼ÆËã¹ö¶¯ÌõµÄ¸ß¶È offsetX offsetY * µã»÷µÄµØ·½,ÔÚÔªËصÄÄÚ²¿×ø±ê * ˵°×ÁË,Ïà¶ÔÓÚÕû¸öÔªËØÌå(ʼþÔ´),Äã´ÁµÄÄĶù? # ½ÚµãÏà¹Ø relatedTarget * ·µ»ØÓëʼþµÄÄ¿±ê½ÚµãÏà¹ØµÄ½Úµã¡£ button * ·µ»Øµ±Ê¼þ±»´¥·¢Ê±£¬ÄĸöÊó±ê°´Å¥±»µã»÷¡£ target * ·µ»Ø´¥·¢´ËʼþµÄÔªËØ£¨Ê¼þµÄÄ¿±ê½Úµã£©¡£ currentTarget * ·µ»ØÆäʼþ¼àÌýÆ÷´¥·¢¸ÃʼþµÄÔªËØ¡£ # ÆäËû cancelBubble * Èç¹ûʼþ¾ä±úÏë×èֹʼþ´«²¥µ½°üÈݶÔÏ󣬱ØÐë°Ñ¸ÃÊôÐÔÉèΪ true¡£ fromElement * ¶ÔÓÚ mouseover ºÍ mouseout ʼþ£¬fromElement ÒýÓÃÒƳöÊó±êµÄÔªËØ¡£ returnValue *¡¡Èç¹ûÉèÖÃÁ˸ÃÊôÐÔ£¬ËüµÄÖµ±Èʼþ¾ä±úµÄ·µ»ØÖµÓÅÏȼ¶¸ß¡£°ÑÕâ¸öÊôÐÔÉèÖÃΪ fasle£¬¿ÉÒÔÈ¡Ïû·¢ÉúʼþµÄÔ´ÔªËصÄĬÈ϶¯×÷¡£ srcElement * ¶ÔÓÚÉú³ÉʼþµÄ Window ¶ÔÏó¡¢Document ¶ÔÏó»ò Element ¶ÔÏóµÄÒýÓᣠtoElement * ¶ÔÓÚ mouseover ºÍ mouseout ʼþ£¬¸ÃÊôÐÔÒýÓÃÒÆÈëÊó±êµÄÔªËØ¡£ x y * ʼþ·¢ÉúµÄλÖÃµÄ x ×ø±êºÍ y ×ø±ê£¬ËüÃÇÏà¶ÔÓÚÓÃCSS¶¯Ì¬¶¨Î»µÄ×îÄÚ²ã°üÈÝÔªËØ¡£ bubbles * ·µ»Ø²¼¶ûÖµ£¬Ö¸Ê¾Ê¼þÊÇ·ñÊÇÆðÅÝʼþÀàÐÍ¡£ cancelable * ·µ»Ø²¼¶ûÖµ£¬Ö¸Ê¾Ê¼þÊÇ·ñ¿ÉÓµ¿ÉÈ¡ÏûµÄĬÈ϶¯×÷¡£ eventPhase * ·µ»Øʼþ´«²¥µÄµ±Ç°½×¶Î¡£ timeStamp * ·µ»ØʼþÉú³ÉµÄÈÕÆÚºÍʱ¼ä¡£ type * ·µ»Øµ±Ç° Event ¶ÔÏó±íʾµÄʼþµÄÃû³Æ¡£ ------------------------ Event-·½·¨ | ------------------------ initEvent() * ³õʼ»¯Ð´´½¨µÄ Event ¶ÔÏóµÄÊôÐÔ¡£ preventDefault() * ֪ͨä¯ÀÀÆ÷²»ÒªÖ´ÐÐÓëʼþ¹ØÁªµÄĬÈ϶¯×÷¡£ * ÀýÈç:formÀïÃæµÄsubmit input,µã»÷¾Í»áÖ´ÐÐÌá½» stopPropagation() * ×èֹʼþÁ÷µÄ²úÉú * ½ö½öÖ´Ðе±Ç°µÄʼþ,²»Ö´Ðи¸¼¶ÔªËصÄʼþ * ðÅÝ,²¶×½ÐεÄʼþÁ÷¶¼¿ÉÒÔ×èÖ¹ * Ò»°ãÖ»¿¼ÂÇðÅÝ(ÏÈÖ´ÐÐСµÄ,ÔÙÖ´ÐдóµÄ) </frameset></frameset></object></object>