冒泡型事件运行顺序
冒泡型事件运行顺序:
<html onclick="clickHandle('html');"> <head> <title> javascript事件流 </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="content-type" content="text/html;charset=GBK"/> <script type="text/javascript"> function clickHandle(ele){ alert(ele); } </script> </head> <body onclick=" clickHandle('body'); "> <div style="background-color:red" onclick=" clickHandle('div'); ">click me!</div> </body> </html>
运行点击click me!结果为:div->body->html
由此可知:冒泡型事件是从低而上的触发机制,即从底层元素开始,层层向上,像冒泡一样。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步