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