使用什么来代替禁用 textarea？答案

【问题标题】：What to use instead of disable textarea?使用什么来代替禁用 textarea？
【发布时间】：2017-03-30 10:35:45
【问题描述】：

目前有a bug in Firefox 不允许您从禁用的文本区域复制内容（在 chrome 中它可以正常工作），我一直在考虑如何替换我的代码以便它在 Firefox 中也可以正常工作。我正在使用 GSP 文件，但也可以在其中使用普通的 html 标签。

这是我的代码 sn-p：

<g:textArea rows="5" cols="1" name="description" value="${forecast?.description}" class="description-t-area" disabled="${!canEdit}"/>

这是它在网络上的样子：

【问题讨论】：

【解决方案1】：

你可以使用前置标签，例如

<pre id="description" contenteditable="${!canEdit}">${forecast?.description}</pre>

【讨论】：

【解决方案2】：

问题是你不能设置disabled为true或者false，属性的存在就是true，eg：

disabled="false" == true
disabled="true"  == true
disabled         == true

您有两个选择，使用纯文本区域并有条件地打印 disabled 或不打印 html 标记或通过 javascript 设置禁用。

编辑：刚刚尝试过这是 Grails 3.2.8，它现在确实可以正常工作（我已经看了一段时间了，抱歉！）

<g:textArea name="foo" disabled="${false}"/>

结果

<textarea name="foo" id="foo" ></textarea>

和

<g:textArea name="foo" disabled="${true}"/>

结果

<textarea name="foo" id="foo" disabled="true" ></textarea>

【讨论】：