jsÖÐeventµÄÓ÷¨
event ÊÇ javascript ÖÐÓÃÓÚÏìÓ¦Óû§½»»¥»òϵͳÐж¯µÄ¹¤¾ß¡£ÊÂÎñ´¦Àí³ÌÐò»áÔËÐÐÊÂÎñ´¥·¢Ê±£¬ÊÂÎñ¹¤¾ß°üÀ¨ÓйØÊÂÎñµÄÐÅÏ¢¡£ÒªÏòÔªËØÌí¼ÓÊÂÎñ´¦Àí³ÌÐò£¬Ê¹Óà element.addeventlistener(“event_name”, function_name) ÒªÁì¡£³£¼ûÊÂÎñÀàÐÍ°üÀ¨µ¥»÷°´Å¥¡¢Òƶ¯Êó±ê¡¢Ò³Ãæ¼ÓÔغͰ´Ï¼üÅÌ¡£
JavaScript ÖÐ event µÄÓ÷¨
ʲôÊÇ event£¿
Event£¨ÊÂÎñ£©ÊÇ JavaScript ÖÐÓÃÓÚÏìÓ¦Óû§½»»¥»òϵͳÐж¯µÄ¹¤¾ß¡£ÊÂÎñ¿ÉÒÔÏìÓ¦ÖÖÖÖÐж¯£¬ÀýÈçµ¥»÷°´Å¥¡¢Òƶ¯Êó±ê»òÒ³Ãæ¼ÓÔØ¡£
ÊÂÎñ´¦Àí³ÌÐò
µ±ÊÂÎñ´¥·¢Ê±£¬ÊÂÎñ´¦Àí³ÌÐò»áÔËÐС£ÊÂÎñ´¦Àí³ÌÐòÊÇÒ»¸öº¯Êý£¬ËüÎüÊÕÊÂÎñ¹¤¾ß×÷Ϊ²ÎÊý¡£ÊÂÎñ¹¤¾ß°üÀ¨ÓйØÊÂÎñµÄÐÅÏ¢£¬ÀýÈçÄ¿µÄÔªËØ¡¢Êó±êλÖúͰ´¼ü¡£
ÊÂÎñ¼àÌýÆ÷
ÒªÏòÔªËØÌí¼ÓÊÂÎñ´¦Àí³ÌÐò£¬¿ÉÒÔʹÓà addEventListener() ÒªÁ죺
element.addEventListener("event_name", function_name);
µÇ¼ºó¸´ÖÆ
ÆäÖУº
“event_name” ÊÇÒª¼àÌýµÄÊÂÎñµÄÃû³Æ£¨ÀýÈç “click”¡¢”mousemove”£©
“function_name” ÊÇÒªÔËÐеÄÊÂÎñ´¦Àí³ÌÐò
ÒƳýÊÂÎñ¼àÌýÆ÷
Òª´ÓÔªËØÖÐÒƳýÊÂÎñ´¦Àí³ÌÐò£¬¿ÉÒÔʹÓà removeEventListener() ÒªÁ죺
element.removeEventListener("event_name", function_name);
µÇ¼ºó¸´ÖÆ
³£¼ûµÄÊÂÎñÀàÐÍ
JavaScript ÖÐÓÐÐí¶àÄÚÖõÄÊÂÎñÀàÐÍ£¬ÒÔÏÂÊǼ¸¸ö³£¼ûµÄʾÀý£º
“click”£ºÓû§µ¥»÷ÔªËØʱ´¥·¢
“mousemove”£ºÓû§Òƶ¯Êó±êʱ´¥·¢
“load”£ºÒ³Ãæ¼ÓÔØÍê±Ïʱ´¥·¢
“keydown”£ºÓû§°´Ï¼üÅÌʱ´¥·¢
ʾÀý
ÏÂÃæÊÇÒ»¸öʾÀý£¬ÑÝʾÔõÑùʹÓà event ÔÚµ¥»÷°´Å¥Ê±¸ü¸ÄÔªËصÄÎı¾£º
const button = document.getElementById("button"); button.addEventListener("click", function(event) { const element = document.getElementById("element"); element.textContent = "°´Å¥Òѵ¥»÷£¡"; });
µÇ¼ºó¸´ÖÆ
ͨ¹ýʹÓà event£¬Äã¿ÉÒÔÏìÓ¦Óû§½»»¥²¢¶¯Ì¬¸üÐÂÍøÒ³¡£
ÒÔÉϾÍÊÇjsÖÐeventµÄÓ÷¨µÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡