×ðÁú¿­Ê±¹ÙÍøµÇ¼

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µÄÓ÷¨µÄÏêϸÄÚÈÝ £¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡

ÃâÔð˵Ã÷£ºÒÔÉÏչʾÄÚÈÝȪԴÓÚÏàÖúýÌå¡¢ÆóÒµ»ú¹¹¡¢ÍøÓÑÌṩ»òÍøÂçÍøÂçÕûÀí £¬°æȨÕùÒéÓë±¾Õ¾ÎÞ¹Ø £¬ÎÄÕÂÉæ¼°¿´·¨Óë¿´·¨²»´ú±í×ðÁú¿­Ê±¹ÙÍøµÇ¼ÂËÓÍ»úÍø¹Ù·½Ì¬¶È £¬Çë¶ÁÕß½ö×ö²Î¿¼¡£±¾ÎĽӴýתÔØ £¬×ªÔØÇë˵Ã÷À´ÓÉ¡£ÈôÄúÒÔΪ±¾ÎÄÇÖÕ¼ÁËÄúµÄ°æȨÐÅÏ¢ £¬»òÄú·¢Ã÷¸ÃÄÚÈÝÓÐÈκÎÉæ¼°ÓÐÎ¥¹«µÂ¡¢Ã°·¸Ö´·¨µÈÎ¥·¨ÐÅÏ¢ £¬ÇëÄúÁ¬Ã¦ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼ʵʱÐÞÕý»òɾ³ý¡£

Ïà¹ØÐÂÎÅ

ÁªÏµ×ðÁú¿­Ê±¹ÙÍøµÇ¼

18523999891

¿É΢ÐÅÔÚÏß×Éѯ

ÊÂÇéʱ¼ä£ºÖÜÒ»ÖÁÖÜÎå £¬9:30-18:30 £¬½ÚãåÈÕÐÝÏ¢

QR code
ÍøÕ¾µØͼ