为什么我不能在 iOS 上禁用输入或按钮元素？

Question

考虑以下代码 sn-p，它只是禁用网页上的所有按钮：

<script>
    var inputs = document.getElementsByTagName('button');
    for (var i = 0; i < inputs.length; i++) {
            inputs[i].disabled = true;
    }

    var seconds = 0;
    setInterval(calculateSeconds, 1000);
    function calculateSeconds()
    {
        seconds += 1;
        if(seconds > 5)
        {
            var inputs = document.getElementsByTagName("button");
            for (var i = 0; i < inputs.length; i++) {
                inputs[i].disabled = false;
            }
        }
    }
</script>

除了这不是一段很酷、写得很好或有目的的代码之外，它应该可以工作，并且可以在 Windows 桌面和 Android 上的所有浏览器上工作，除了在 iOS 中运行的浏览器；我使用 Chrome 和 Safari 在 iPhone 上对此进行了测试，但它不起作用。我找不到原因，根据http://caniuse.com/，没有任何语法被弃用或不受支持。这让我疯狂。我正在测试的网站上没有使用 CSS。它不适用于<button> 标签，也不适用于<input type="button"> 标签，也不适用于<input type="submit"> 标签。

有没有人有任何提示、资源或指针来说明为什么这在 iOS 设备上不起作用？

Answer 1

也许再次尝试使用输入而不是按钮，但不要直接设置属性，而是使用 removeAttr("disabled") 而不是将其设置为 false 并使用 inputs[i].setAttribute("disabled","disabled") 而不是 .disabled=true

当我在谷歌上搜索 button disabled ios 时，我看到几篇帖子提到了 safari 和 <button> 的问题，所以它可能存在问题

还有很多关于DOM 'disabled' property in javascript的讨论