冒泡事件和非冒泡事件的区别是什么,需要具体代码示例
事件在编程中扮演着重要的角色,它可以是用户的交互行为(如点击、拖拽等),也可以是浏览器或网页的内部行为(如加载完成、窗口大小改变等)。根据事件传播方式的不同,事件可以分为冒泡事件和非冒泡事件。
冒泡事件(Bubbling Events)
冒泡事件指的是事件会从事件目标开始,逐级向上层元素进行传播,一直传播到文档根节点。在传播的过程中,父元素的事件处理程序会先被触发,然后是祖父元素的事件处理程序,依次类推,直到根节点上的事件处理程序。
下面是一个冒泡事件的示例代码:
HTML代码:
<div id="outer"> <div id="inner"> <button id="button">点击</button> </div> </div>