konva.js 阻止 click 事件冒泡到父元素
内容提要
KonvaJS 事件默认冒泡，子元素点击会触发父元素事件。它没有 stopPropagation() 方法，而是通过将事件对象的 cancelBubble 设为 true 来阻止冒泡。例如在组的 click 事件中设置 cancelBubble，父级 click 便不再触发。
延伸解读
KonvaJS 事件冒泡机制与浏览器差异
KonvaJS 使用自定义事件系统，事件冒泡默认启用，子元素事件会向上传播到父元素。与浏览器事件不同，KonvaJS 的事件对象没有 stopPropagation() 方法，而是通过设置 cancelBubble 属性为 true 来阻止冒泡。这种设计源于其内部事件管理机制，开发者需注意 API 差异，避免沿用浏览器习惯导致无效。
阻止冒泡的正确方式：cancelBubble 属性
在 KonvaJS 中，要阻止事件冒泡到父元素，必须在子元素的事件监听器中设置 event.cancelBubble = true。例如，在组的 click 事件中设置后，父级（如图层）的 click 事件将不再触发。这提供了一种简单直接的控制方式，但需确保在事件处理逻辑中及时设置，以免遗漏。
事件对象与节点集合的访问
KonvaJS 的事件对象是 Konva.Collection 类的实例，它包含了事件发生时所有相关节点的集合。通过该对象，可以访问事件目标节点以及其他相关节点，便于在事件处理中获取上下文信息。这一特性与浏览器事件对象不同，开发者应熟悉其用法以充分利用事件系统。
Q&A
KonvaJS 中如何阻止 click 事件冒泡到父元素？
在子元素的事件处理函数中，将事件对象的 cancelBubble 属性设置为 true，例如：group.on('click', (event) => { event.cancelBubble = true; });
KonvaJS 有 stopPropagation() 方法吗？
没有。KonvaJS 的事件对象没有 stopPropagation() 方法，而是使用 cancelBubble 属性来阻止事件冒泡。
为什么在 KonvaJS 中点击子元素会触发父元素的事件？
因为 KonvaJS 的事件冒泡是默认启用的，当在子元素上触发事件时，事件会向上传播到父元素。
KonvaJS 的事件对象是什么？
KonvaJS 的事件对象是一个 Konva.Collection 类的实例，它是事件发生时所有相关节点的集合，可以用来访问事件目标节点和其他相关节点。
在 KonvaJS 中，如何防止父级元素的 click 事件被触发？
在子元素的 click 事件处理函数中设置 event.cancelBubble = true，这样父级元素的 click 事件就不会触发。
KonvaJS 的事件系统与浏览器的事件系统有什么不同？
KonvaJS 使用自己的事件系统来管理事件、事件传递和事件监听器，事件对象没有 stopPropagation() 方法，而是使用 cancelBubble 属性来实现相同的效果。
