Quiero que se pueda hacer clic en el botón dentro del .container , aunque tenga la propiedad pointer-events:none .
El contexto es este: en mi código real, debo evitar que un div principal (algo del estilo del div que tiene la clase .container ) no se pueda arrastrar, o hacer clic y arrastrar a algún lugar.
Creo que si hay una manera de resolver esto, mi problema está resuelto. este es mi código:
function myFunction(){ alert("click") } .container{ width:30vh; height:30vw; background:red; display:flex; justify-content:center; align-items:center; pointer-events:none; } <div class="container"> <button onclick="myFunction()">click</button> </div>Agregue pointer-events: all o pointer-events: auto al estilo de su botón.
function myFunction(){ alert("click") } .container{ width:30vh; height:30vw; background:red; display:flex; justify-content:center; align-items:center; pointer-events:none; } .container button{ pointer-events: all; } <div class="container"> <button onclick="myFunction()">click</button> </div>