如何在textarea中禁用拖放文本？

Question

我正在进行UI设计，我需要使用Html textarea对象。示例代码为：

<textarea rows="5" cols="60" spellcheck="false" style="font-size:12px; font-family: Verdana;">
Abc
Xyz
Mnp
Pqr
</textarea>

我不想禁用textarea，因为存在一些跨浏览器问题。如果我在'xyz'中指向'y'并在文本'Mnp'之后拖动它，它将被移动为'Mnpyz'。我想避免文本区域内文本的拖放功能。

Answer 1

如果您希望用户不更改textarea的内容，您可以使用readonly属性。

<textarea rows="5" cols="60" spellcheck="false" style="font-size:12px; font-family: Verdana;"
    readonly="readonly">
Abc
Xyz
Mnp
Pqr
</textarea>