Durante un evento de clic en un elemento html, intento ver si el elemento en el que se hizo clic es un elemento en particular.

Este elemento en particular es un elemento secundario, cuyo padre también tiene un detector de clics. Estoy tratando de evitar que el oyente de clics en el padre también se dispare.

Esto parece exactamente para lo que es event.stopPropagation(), pero tengo curiosidad...

1. Si hay algún inconveniente al usar event.stopPropagation()? (Esto parece lograr el resultado deseado)
2. Si alguien puede decirme si los objetos eventTarget devueltos por event.composedPath() (que deberían ser elementos html) son copias profundas de los elementos DOM reales.

Para la pregunta n. ° 2, tengo problemas para encontrar algo en documentos o en línea para responder esto.

https://developer.mozilla.org/en-US/docs/Web/API/Event/composedPath

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget

 const path = event.composedPath(); const heart = document.querySelector('div.heart') as HTMLElement; if (path.includes(heart)) { //I don't want to continue execution, but the html element 'heart' is apparently not part of //the Event Target array returned by event.stopPropagation(), even though I can //clearly see it is (or maybe it is just a deep clone?) return; }