Question

我禁用了输入文本框：

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

在IE和Chrome中，您可以复制并粘贴该输入字段中填充的值，但在Firefox中则不能。

Firefox不允许通过JavaScript进行剪贴板操作以获得有效的安全问题。

有什么建议吗？有没有解决这个问题？

Answer 1

readonly="readonly"将完成这项工作

主要浏览器应为supported

Answer 2

我不喜欢使用readonly =＆＃34; readonly＆＃34;，永远。它可以通过tab按键使该区域可聚焦和可达，并且，如果上帝禁止，用户在只读字段被聚焦时命中退格键，则大多数浏览器将其视为用户点击后退＆＃39;按钮并显示以前查看过的页面。不当您填写大型表单时，您希望看到的内容会发生，特别是如果您使用的是一些不保留表单的古老浏览器当你点击下一个＆＃39;按钮返回它。使用某些单页面的Web应用程序时也非常非常糟糕，其中包括＆＃39;返回＆＃39;带你到另一个世界，接下来的＆＃39;甚至没有恢复你的形式，更不用说它的数据了。

当我需要禁用字段（或PRE而不是textarea）时，我通过渲染DIV而不是输入字段来解决这个问题。动态并不容易，但我已经设法用AngularJS模板做了相当简短的工作。

如果你有时间，head over to the Mozilla Bugzilla and ask them to fix it。

Answer 3

tl; dr：支持在禁用字段中选择和复制文本是不可靠的;如果需要此功能，请使用readonly属性或非input元素，例如<span>。使用JavaScript修改readonly输入的行为，以防止在backspace输入具有焦点时有人点击readonly键时返回页面等不良行为。

*更新：2018.12.24

自从这个答案最初发布以来，规范发生了变化（感谢Wrightboy指出这一点）;它现在包含有关禁用字段的以下警告：

本标准未定义与用户与禁用控件交互相关的任何其他行为，例如是否可以选择或复制文本。

- https://html.spec.whatwg.org/multipage/input.html#the-readonly-attribute

禁用的字段仍然无法获得焦点或点击事件。

由于标准没有定义是否可以选择或复制禁用控件中的文本，并且至少有一个主要浏览器不支持该功能，因此最好避免依赖该行为。

原始答案

这是禁用字段的预期行为（截至此答案的原始日期）。 IE和Chrome很慷慨，但Firefox表现得很好。

如果您想阻止用户更改字段的值，但您仍希望他们能够读取它，和/或复制它的值，那么您应该使用readonly attribute。这将允许他们将焦点设置为元素（复制所需），并通过tab按钮访问该字段。

如果您担心用户意外点击只读字段内的退格按钮并导致浏览器导航回页面，您可以使用以下代码来防止此行为：

document.addEventListener("DOMContentLoaded", function() {
  var inputs = document.querySelectorAll('[readonly]');
  for(var i=0; i < inputs.length; i++){
    inputs[i].addEventListener('keydown', function(e){
      var key = e.which || e.keyCode || 0;
      if(key === 8){
        e.preventDefault();
      }
    })
  }
});

<input value="Hello World" readonly=readonly />

Answer 4

请参阅我的帖子以查询相同的问题。它执行以下操作：

使文本框就像readonly一样，不使用输入标记上的readonly属性，但会尊重标签索引并设置焦点
支持所有剪贴板功能win和mac with mouse or keyboard
允许撤消，重做并全选

Restrict HTML input to only allow paste

Answer 5

作为快速答案，您可以使用另一个未禁用的元素来启用+复制/粘贴+重新设置您的输入文本，例如：

$('#btnCopy').click(function(){
   $('#txtInputDisabled').removeAttr('disabled');  
   $('#txtInputDisabled').select();
   document.execCommand("copy");
   $('#txtInputDisabled').attr('disabled','disabled');  
});

您可以完整地对此post

做出回应

Answer 6

您可以通过在jquery中利用contenteditable属性在共享点中完成此操作。

$（“＃fieldID”）。attr（“ contenteditable”，“ false”）;

这将允许用户突出显示文本并进行复制，但不允许他们在字段中输入任何内容。

允许在Firefox浏览器中禁用输入文本框中复制/粘贴

6 个答案: