如何在文本区域中禁用文本拖放

Question

我正在研究UI设计，我需要使用Html文本区域对象。 示例代码为：

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