disabled =“ disabled”屬性不會禁用IE10中的文本字段

Question

我有要在特定情況下禁用的文本字段。 我使用jQuery做到了：

if (eligible) {
                    $(".email-address-field").removeAttr('disabled');
                }
                else{
                    $(".email-address-field").prop("disabled", true);
                }

這在除IE10 v之外的所有瀏覽器上都可以正常工作，我可以在其中編輯禁用的文本字段，例如：

這是檢查此文本字段時代碼的樣子：

<input class="email-address-field" disabled="" type="text" value="xxx@mask.com"/>

注意：我也嘗試使用以下方法，但沒有成功：

$(".email-address-field").prop("disabled", "disabled");
$(".email-address-field").attr("disabled", "disabled");

誰能幫助我了解造成此問題的原因或是否有任何解決方法？ 提前致謝！

Answer 1

您應該將屬性readonly用於“禁用”文本輸入。

$(".email-address-field").prop("readonly", true);

使用prop()來應用屬性（而不是attr() ），並使用removeProp()來刪除它。