已禁用的按钮在移动 Safari 上仍处于活动状态答案

【问题标题】：disabled buttons still active on mobile safari已禁用的按钮在移动 Safari 上仍处于活动状态
【发布时间】：2012-09-27 07:26:05
【问题描述】：

为什么使用移动 Safari 禁用按钮只会使它们变灰而不是真正禁用它们？

myButton.disabled = true;
myButton.setAttribute("disabled", "disabled");

以上两种方法都会使按钮变灰，但仍可以触发其 ontouch 事件。（它在所有桌面浏览器中都能正常工作）。

我在这里犯了某种愚蠢的错误，还是 Apple 刚刚决定不应在其触控设备上禁用元素？也许是我拿错了？

【问题讨论】：

【解决方案1】：

如果按钮在点击时禁用，请点击页面的其他区域，这可能是按钮的悬停效果。

【讨论】：

【解决方案2】：

buttons = document.getElementsByTagName("button")
buttons[0].setAttribute("disabled", true);

或所有按钮元素禁用属性

for (var i = 0; i < button.length; i++) (function(button) {

    button.setAttribute("disabled", true);
}(button[i]))

【讨论】：