如何防止用户删除文本框中的文本答案

【问题标题】：How to prevent user from deleting text in a text box如何防止用户删除文本框中的文本
【发布时间】：2011-01-17 00:10:38
【问题描述】：

好的，所以我是新来的，想知道是否有人比我更先进一些可以帮助我。

我的网站上有一个带有代码的文本框，供用户复制文本框中的代码并将代码粘贴到 Orkut 剪贴簿中，这将生成一个想象。

我正在使用 onclick，所以当用户点击代码时，它会突出显示它，然后他们可以复制。

问题是如果你不小心，你可以从框中删除或删除文本。

我不希望用户能够删除文本框中的代码。如何在不删除 onclick 脚本的情况下防止这种情况发生。

如果可以的话，请在回复时包含上面的示例代码并突出显示新添加的代码，以便我可以看到在哪里进行更改。

我希望我解释得很好，让任何人都能理解！

【问题讨论】：

您是否检查了 Readonly 或 Enable 属性？

标签： html textbox onclick html-input

【解决方案1】：

您可以将 readonly="readonly" 添加到您的文本框标签。示例：

<input type="text" name="someNAme"  readonly="readonly" >

你也可以试试：

<input type="text" name="someNAme"  disabled="disabled" >

【讨论】：

【解决方案2】：

这是一个完全可编辑的文本框，和一个不可编辑的文本框。不同的是，在第二个文本框中，有一个readonly 属性，它可以防止用户编辑文本。（运行代码sn-p！）

function copy(what) {
  var copyText = document.getElementById(what);
  copyText.select();
  copyText.setSelectionRange(0, 99999)
  document.execCommand("copy");
 }

<textarea id="selectable">This is totally editable!</textarea>
<button onclick="copy('selectable')">Copy this !</button>
<br/>
<br/>
<textarea id="unselectable" readonly>This is not editable!</textarea>
<button onclick="copy('unselectable')">Copy this !</button>

【讨论】：