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

时间:2010-02-15 14:04:04

标签: html textbox onclick html-input

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

我的网站上有文本框,其中包含用户复制文本框中代码的代码,并将代码粘贴到Orkut剪贴簿中,这将产生一个想象。

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

问题是,如果不小心,可以从框内删除或删除文本。

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

如果您可以在回复时包含上面的示例代码并突出显示新添加的代码,请查看我可以查看在何处进行更改。

我希望我能很好地解释这个问题!

2 个答案:

答案 0 :(得分:7)

您可以在文本框标记中添加readonly =“readonly”。例如:

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

您也可以尝试:

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

答案 1 :(得分:0)

这是一个完全可编辑的文本框,而不是一个不可编辑的文本框。区别在于第二个文本框中有一个readonly属性,该属性阻止用户编辑文本。 (运行代码段!)

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>