jsÖÐʲôÊÇÊÂÎñίÅÉ
ÊÂÎñίÅÉÔÚ javascript ÖÐͨ¹ý½«ÊÂÎñ´¦Öóͷ£³ÌÐò¸½¼Óµ½¸¸ÔªÏòÀ´ÓÅ»¯ÊÂÎñ´¦Öóͷ££¬´Ó¶øÌá¸ßÐÔÄÜ¡£Ëüͨ¹ýÊÂÎñðÅÝ»úÖÆÏìÓ¦×ÓÔªËصÄÊÂÎñ£¬ÎÞÐèΪÿ¸ö×ÓÔªËؽ¨Éèµ¥¶ÀµÄ´¦Öóͷ£³ÌÐò¡£¸ÃÊÖÒÕÌṩÁËÐÔÄÜÓÅ»¯¡¢´úÂëÖØÓú͸ü¼òÆÓµÄά»¤µÈÓÅÊÆ¡£
ʲôÊÇ JavaScript ÖеÄÊÂÎñίÅÉ
ÔÚ JavaScript ÖУ¬ÊÂÎñίÅÉÊÇÒ»ÖÖÓÅ»¯ÊÂÎñ´¦Öóͷ£µÄÊÖÒÕ£¬Ëüͨ¹ý½«ÊÂÎñ´¦Öóͷ£³ÌÐò¸½¼Óµ½¸¸ÔªËØ£¨¶ø·Ç×ÓÔªËØ£©À´Ìá¸ßÐÔÄÜ¡£µ±×ÓÔªËØ´¥·¢ÊÂÎñʱ£¬ÊÂÎñ½«Í¨¹ý DOM Ê÷ÏòÉÏðÅݵ½¸¸ÔªËØ£¬´¥·¢ÊÂÎñ´¦Öóͷ£³ÌÐòµÄÖ´ÐС£
ÔõÑùʹÓÃÊÂÎñίÅÉ
ҪʹÓÃÊÂÎñίÅÉ£¬Ðè×ñÕÕÒÔÏ°취£º
²éÕÒÒ»¸ö¾ßÓÐ×ÓÔªËصĸ¸ÔªËØ¡£
Ϊ¸¸ÔªËØÌí¼ÓÒ»¸öÊÂÎñ´¦Öóͷ£³ÌÐò£¬¸Ã´¦Öóͷ£³ÌÐò½«ÏìÓ¦×ÓÔªËØ´¥·¢µÄÊÂÎñ¡£
ÔÚÊÂÎñ´¦Öóͷ£³ÌÐòÖУ¬¼ì²éÊÂÎñÄ¿µÄÔªËØÊÇ·ñÓëÆäÖÐÒ»¸ö×ÓÔªËØÆ¥Åä¡£
ÈôÊÇÄ¿µÄÔªËØÓë×ÓÔªËØÆ¥Å䣬ÔòÖ´ÐÐÊʵ±µÄ²Ù×÷¡£
ÓÅÊÆ
ÐÔÄÜÓÅ»¯£ºÍ¨¹ý½«ÊÂÎñ´¦Öóͷ£³ÌÐò¸½¼Óµ½¸¸ÔªËØ£¬¿ÉÒÔ×èֹΪÿ¸ö×ÓÔªËؽ¨Éèµ¥¶ÀµÄ´¦Öóͷ£³ÌÐò£¬´Ó¶øÌá¸ßÐÔÄÜ¡£
´úÂëÖØÓãºÊÂÎñ´¦Öóͷ£³ÌÐò¿ÉÒÔÓ¦ÓÃÓÚ¸¸ÔªËØϵÄËùÓÐ×ÓÔªËØ£¬´Ó¶øʵÏÖ´úÂëÖØÓá£
¸üÒ×ÓÚά»¤£ºÍ¨¹ý¼¯ÖÐÊÂÎñ´¦Öóͷ££¬¸üÈÝÒ׸üкÍά»¤´úÂë¡£
ʾÀý
ÒÔÏÂÊÇÒ»¸öʹÓÃÊÂÎñίÅɵĴúÂëʾÀý£º
const parentElement = document.getElementById("parent"); parentElement.addEventListener("click", (event) => { if (event.target.classList.contains("child")) { // Ö´ÐвÙ×÷ } });
µÇ¼ºó¸´ÖÆ
½áÂÛ
ÊÂÎñίÅÉÊÇ JavaScript ÖÐÒ»ÖÖÇ¿Ê¢µÄÊÖÒÕ£¬¿Éͨ¹ýÓÅ»¯ÊÂÎñ´¦Öóͷ£Ìá¸ßÐÔÄÜ¡¢ÔöÌí´úÂëÖØÓÃÐÔ²¢¼ò»¯´úÂëά»¤¡£Í¨¹ý½«ÊÂÎñ´¦Öóͷ£³ÌÐò¸½¼Óµ½¸¸ÔªËØ£¬¿ÉÒÔÓÐÓõØÏìÓ¦×ÓÔªËØ´¥·¢µÄÊÂÎñ¡£
ÒÔÉϾÍÊÇjsÖÐʲôÊÇÊÂÎñίÅɵÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡