如何禁用文本区域答案

【问题标题】：How to disable a textarea如何禁用文本区域
【发布时间】：2017-05-05 06:30:05
【问题描述】：

我可以禁用我的表单的文本区域字段，它在谷歌浏览器中工作，但在 Internet Explorer 中不工作谁能帮忙解决这个问题？在此先感谢。

$(".ms-rtestate-write ms-rteflags-0 ms-rtestate-field").addClass("ms-rteflags-0");

.ms-rteflags-0 {
  pointer-events: none;
  opacity: 0.4;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div class="ms-rtestate-write ms-rteflags-0 ms-rtestate-field" id="Questions_8380cd28-f9ed-4f03-8105-4c3e4a018a1c_$TextField_inplacerte" style="min-height:84px" aria-labelledby="Questions_8380cd28-f9ed-4f03-8105-4c3e4a018a1c_$TextField_inplacerte_label"
  contenteditable="true" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true">
  <div class="ExternalClass4A270609CC8C4299B335846BABB3A4E0">test</div>
</div>

【问题讨论】：

它在 Internet Explorer 中工作.. 更新您的浏览器

标签： javascript jquery google-chrome internet-explorer

【解决方案1】：

你可以在 jquery 中使用.prop

$('#txtArea').prop('disabled', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="txtArea"></textarea>

【讨论】：

【解决方案2】：

用途：

$('#textarea-id').prop('disabled', true);

另外，您在 javascript sn-p 中使用的选择器是错误的。

$('.ms-rtestate-write ms-rteflags-0 ms-rtestate-field').addClass('ms-rteflags-0');

您尝试定位的元素具有所有类名。所以改用这个：

$('.ms-rtestate-write.ms-rteflags-0.ms-rtestate-field').addClass("ms-rteflags-0");

（注意点）

【讨论】：

嘿，它在 chrome 上运行良好，但在 Internet Explorer @Public Jorn 上仍然无法运行
那么 jquery 1.7.1 是与 IE 兼容。并且使用prop 是要走的路。你能确认 textarea 不可编辑吗？如果只是样式不起作用，可能是因为 IE opacity。尝试将其添加到您的 .ms-rteflags-0 类中：filter: alpha(opacity=40);