事件机制 事件捕获 处于目标阶段 事件冒泡 事件委托

事件捕获

当点击触发了dom事件,浏览器会从根节点开始由外向内进行传播,如果父元素在捕获期注册了对应的事件,则会先触发父元素的绑定事件

事件冒泡

由内向外进行传播,直到根节点

事件流:事件捕获期(IE10以下不支持捕获期) -> 处于目标阶段 -> 事件冒泡期

  • 当子元素不想触发父元素事件,可停止事件传播 event.stopPropagation() 或者 event.cancelBubble = true

事件委托就是根据事件冒泡机制,在父元素上绑定事件,点击子元素,通过事件冒泡,在父元素上触发事件

你可能感兴趣的:(事件机制 事件捕获 处于目标阶段 事件冒泡 事件委托)