JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contenedor" onclick="alert('acciona el click en el contenedor');">
    <img src='algunsitio.jpg'/>
    <div class="capaoculta">
    <div id="boton" class="boton">contenido boton</div>
    </div>
    </div>

JavaScript

document.getElementById("boton").onclick = function(e) {
    alert('acciona el click del boton');
    if(e && e.stopPropagation) 
    {
        e.stopPropagation();
    } 
    else
    {
          e = window.event;
          e.cancelBubble = true;
    }
}