Por lo tanto, actualmente esta función funciona en el escritorio, pero cuando la pruebo en el móvil aparece "indefinido". Verifiqué si activeElement es compatible con iPhone safari y dice que funciona allí, así que actualmente estoy perdido. ¿Alguna solución o alternativa?
Este es el botón que está seleccionado.
<input type='button' id='slogan-button' onclick='changeSlogan()' value='Junior Varsity'>Esta es la función para que funcione.
<script> function changeSlogan() { const activeSlogan = document.activeElement.value; document.getElementById('slogan-input').value = activeSlogan; document.getElementById('slogan-display').innerHTML = activeSlogan; } </script>Se supone que esto permite seleccionar un eslogan y el valor del eslogan se agrega a una entrada, obtengo el mismo valor del eslogan seleccionado solo en el escritorio.
La definición de un ActiveElement es un elemento que está actualmente en foco. Los elementos que se pueden enfocar varían según la plataforma sin garantías. Por ejemplo, MacOS solo considera que las entradas son enfocables. Según lo que escribiste, parece que iOS es lo mismo.
Utilice el evento "clic" en su lugar.