JavaScript Document.ActiveElement在移动设备上未定义

Question

因此，当前此功能可用于台式机，但是当我在移动设备上进行测试时，我会获得“未定义”。我检查了一下iPhone Safari上的Activelement是否兼容，并说它在那里工作，所以我目前迷路了。有任何修复或替代方案吗？

这是选择的按钮。

<input type='button' id='slogan-button' onclick='changeSlogan()' value='Junior Varsity'>

这是使其正常工作的功能。

<script>
    function changeSlogan() {
        const activeSlogan = document.activeElement.value;
      document.getElementById('slogan-input').value = activeSlogan;
      document.getElementById('slogan-display').innerHTML = activeSlogan;
    }
</script>

这应该允许选择一个口号，并将口号的值添加到输入中，我仅在桌面上获得所选口号的相等值。

Answer 1

ActiveEllement的定义是当前焦点的元素。可集中的要素因平台而没有保证。例如，MacOS仅认为输入是可集中的。根据您所写的内容，iOS似乎是相同的。

改用“点击”事件。