Question

这似乎是特定于IE的“功能”。我用IE8测试过。用户John H通过在IE6和IE7中确认来做出贡献。

我有一些文本内置到我的页面中，从元素创建开始就有style = "display: none;"

我没有使用jQuery来隐藏文本而且文本没有“显示”。虽然为了进一步公开，我使用jQuery的.html()方法访问元素的内容。

但是，如果用户选择附近的文本我的display:none元素并复制已选择的内容，则会包含隐藏文本。就好像它已经正常显示一样。

标记看起来像这样：

... <td align="left"> Text they should see <div id="whateverButUnique" style="display:none;">Value I want hidden</div> Some other text </td>

这是一个fiddle我可以使用IE＆lt; 9。
重现问题
虽然这不是这个特定应用程序的严重问题，但它让我措手不及，我想知道这是一个'功能'还是我做错了什么。

我见过的关于display:none visibility:hidden other questions的大部分内容都是可见的。再次，我的内容基本上是不可见的，直到被选中，复制并最终粘贴。

我可以阻止Internet Explorer用户通过复制/粘贴来查找此内容吗？我意识到他们可以在开发人员工具中查看它并查看源代码。

更新：感谢其他用户的评论，我也尝试应用z-index=-1和$("[id^=whateverButUnique]").html("");的样式。用户John H已经尝试了许多其他隐藏尝试，但IE迄今为止顽强地允许此功能漏掉。感谢所有伟大的想法！

更新：感谢您提问Heather Walters;我需要在页面上使用的值仅在服务器端可用，但我在页面加载后使用它们以使用来自外部程序的额外处理通过jQuery / AJAX生成链接。因此，我构建了隐藏但包含值的页面，然后对这些隐藏值进行操作以构建对它们有用的东西。

一旦我完成了使用它们构建有用的东西，我现在意识到我可以通过jQuery擦除它们并获得额外的性能。以下代码将为启用了javascript的所有人完成此操作：

data-x

由于页面上可能有数百个元素，因此这种额外处理并不理想。

vega，我不相信this solution会对我有用，因为我必须在服务器端构建页面和隐藏内容。它们都是在服务器端循环中构建的，可能有数百个其他元素，因此我可以选择在服务器将所有内容放在表中（包含隐藏元素）或者第二次循环遍历它时将其构建到位（痛苦）并尝试强制显示元素：无法选择的地方。

Ohgodwhy，我想相信你的解决方案。在IE8中，隐藏字段没有显示在记事本中;但是，我能够复制该部分并将其粘贴到Microsoft Word中。它不再被隐藏。

另一个因素在起作用：这个页面已经非常重要了，所以我希望我能找到一个解决方案，阻止IE看到这些值而不添加另外100个潜在元素的传递...但我可能只需要

更新：Robin Maben的建议看起来像伟大的解决方法！他的建议是隐藏<div style="display:none" data-call-number="..." id="stackLocatorLinkFillUp...">...</div>自定义HTML5属性中的值。尽管我（很可能）不符合HTML5标准页面，但这似乎仍然有效。如果你认为这是一个有价值的贡献，请向他投票。

更新：已确认。我已经成功实现了Maben的建议，因此能够减少DOM查找的数量 - 我的页面上的每个元素都有一个。我已经使用我想要显示的项目循环遍历所有DIV，现在我可以同时自动访问data属性。在我的实现中看起来像这样：

// Loop through all of the items on the page that start with my id $("[id^=stackLocatorLinkFillUp]").each( function() { // ... // Grab the contents of the div var innerContent = $(this).html(); // Extract the call number out of the data-call-number field var callNumPreEncoded = $(this).data("callNumber"); // ...eventually... $(this).html(...).css("display","block"); });

省略号表示正在进行的独特操作。 id有一个简单的数字指示器，每个记录增加一个。

{{1}}

谢谢大家！

Answer 1

~~您是否尝试过 visibility:collapse 属性？~~

如果“Value I want hidden”部分纯粹用于计算目的，则应使用“data”属性。

喜欢这个

<div data-custom-value="1001">Visible value </div>

在jQuery中，HTML数据属性可以通过data() api自动获取。

你可以做到

someElement.data('customValue')读取值。

和

someElement.data('customValue', newValue)设置值。

希望我能正确分析你的问题。

Answer 2

元素的大小显示和位置无关紧要，它被选中，因为当您在IE＆lt; 9中选择内容时，您正在选择html，然后使用隐藏元素粘贴该html。 IE9和其他浏览器正确地从选择中删除那些隐藏的元素。 我知道以防止它的唯一方法是在dom中没有隐藏元素。

Answer 3

我认为如果你使用它会更好：

position: absolute; left: -10000px;

这将消除任何潜在的IE问题。

尽管style ='display：none'，仍可在IE中选择隐藏文字

3 个答案: