He visto este problema planteado varias veces antes y he probado todas las soluciones hasta ahora sin éxito.

El problema que tengo es que ninguno de los botones de mi aplicación se activa cuando la aplicación se usa en un iPhone o iPad. Funciona perfectamente bien en Safari en IOS, funciona perfectamente bien en Android y en otros navegadores, pero no hará nada en la versión de la aplicación en IOS.

 button[0].addEventListener ("touchstart click", function() { var aa = document.getElementById("Day 0"); var q = aa.options[aa.selectedIndex].value; var r = day.indexOf(q); var rr = day[r]; var a = 1; document.getElementById("infoTd10").innerHTML = rr; document.getElementById('div0').style.display = "none"; document.getElementById('bDivEl0').style.display = "block"; bb.remove(aa.selectedIndex); cc.remove(aa.selectedIndex); submit(base,userNameSt,q,a); });

Estoy usando vainilla javascript, los botones usan addEventListener regular, que observa tanto los clics como el toque. Aunque lo más molesto es que ni siquiera se desplazará. Cada botón tiene un Cursor:puntero;

Todos los botones y el contenido desplazable están contenidos en un div interno. Todos los elementos se crean a través de javascript, excepto ese div.

¿Alguien tiene alguna idea de cuál podría ser el problema aquí? Espero haber proporcionado suficiente información. Gracias por adelantado.