let img = document.getElementById("img"); img.addEventListener("click" , function handleClick() { if (img.style.width = "60%") { img.style.opacity = "0.5"; } }); .img { width: 60%; cursor: pointer; /* pointer-events: none; */ } <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <img src="https://live.staticflickr.com/3437/3403778548_15f48ab99e_b.jpg" class="img" id="img"> </body> </html> pointer-events:none;pero permita el menú del navegador (abrir imagen en una nueva pestaña o guardar imagen como).
Si no es posible solo con CSS, entonces, ¿cómo obtener el ancho del navegador como condición para deshabilitar el evento de clic en un ancho específico con JavaScript, pero nuevamente permitir el menú del navegador (abrir imagen en una nueva pestaña o guardar imagen como)?
es como deshabilitar el clic solo para el código pero no para las opciones del menú del navegador.