konva.js 阻止 click 事件冒泡到父元素
内容提要
KonvaJS 事件默认冒泡，子元素点击会触发父元素事件。它没有 stopPropagation()，而是通过事件对象的 cancelBubble 属性阻止传播。例如在组的 click 事件中设置 event.cancelBubble = true，父级 layer 的 click 便不再触发。注意其事件系统与浏览器不同。
延伸解读
Konva 事件冒泡机制与浏览器差异
KonvaJS 的事件冒泡默认启用，子元素事件会向上传播到父元素。与浏览器事件系统不同，KonvaJS 没有 stopPropagation() 方法，而是通过事件对象的 cancelBubble 属性来阻止传播。这种设计源于 Konva 自建的事件管理系统，开发者需注意其 API 与原生 DOM 事件的区别，避免混淆。
如何正确阻止事件冒泡
在 KonvaJS 中，要阻止事件冒泡到父元素，需在子元素的事件监听器中设置 event.cancelBubble = true。例如，在组的 click 事件中设置该属性后，父级 layer 的 click 事件便不会触发。此方法简单有效，但需确保在事件处理逻辑中正确访问事件对象。
事件对象的本质与使用注意
KonvaJS 的事件对象是 Konva.Collection 类的实例，代表事件发生时所有相关节点的集合。开发者可通过它访问事件目标节点及其他相关节点。由于事件系统独立于浏览器，事件对象不包含 stopPropagation() 方法，因此必须使用 cancelBubble 属性来控制传播。
Q&A
KonvaJS 中如何阻止 click 事件冒泡到父元素？
在子元素的事件处理函数中设置 event.cancelBubble = true。例如在组的 click 事件中设置后，父级 layer 的 click 事件便不再触发。
KonvaJS 有 stopPropagation() 方法吗？
没有。KonvaJS 使用自己的事件系统，事件对象没有 stopPropagation() 方法，而是通过 cancelBubble 属性来阻止事件传播。
为什么在 KonvaJS 中点击子元素会触发父元素的事件？
因为 KonvaJS 默认启用事件冒泡，子元素上触发的事件会向上传播到父元素。
KonvaJS 的事件对象是什么？
事件对象是 Konva.Collection 类的实例，它是事件发生时所有相关节点的集合，可用于访问事件目标节点和其他相关节点。
在 KonvaJS 中，如何防止父级元素的 click 事件被触发？
在子元素的 click 事件处理函数中设置 event.cancelBubble = true，这样事件就不会传播到父级元素，父级的 click 事件便不会触发。
KonvaJS 的事件系统与浏览器的事件系统有什么不同？
KonvaJS 使用自己的事件系统来管理事件、事件传递和事件监听器。事件对象没有 stopPropagation() 方法，而是使用 cancelBubble 属性来阻止事件传播。
