单击子元素后如何避免触发 fancybox

Question

我已经将 fancybox 应用于父元素，但是当我尝试单击其中的按钮时，它也会触发 fancy box，这不是预期的结果

<div data-img-id="256" data-fancybox="" href="https://www.14.jpg" >
   <button class="btn btn--small js-image-selector-btn">Select</button>
</div>

所以当我点击父级里面的按钮时，它也触发了fancybox，请指导

Answer 1

简单地防止事件事件冒泡and/or防止点击事件中的默认操作：

event.preventDefault();
event.stopPropagation();