HTML 中复制隐藏内容差异 PHP

当HTML代码中包含display:none的文本时,复制内容时是否包含?

测试如下:

aaaaaaaaaaaaaaaaaa
此内容已 display:none;
ccccccccccccccccccccc
此内容已 visibility:hidden;
ffffffff 超出部分 ffffffffffffffff
可复制以上到如下框测试

代码如下:

<table>
<tr>
<td>aaaaaaaaaaaaaaaaaa</td>
</tr>
<tr style="display:none;">
<td>此内容已 display:none;</td>
</tr>
<tr>
<td>ccccccccccccccccccccc</td>
</tr>
<tr style="visibility:hidden;">
<td>此内容已 visibility:hidden;</td>
</tr>
<tr>
<td>ffffffff
<span style="position:absolute; top:-1000px;">超出部分</span>
fffff<!--注解测试-->ffffff<!琐琐碎碎>fffff</td>
</tr>
</table>
<textarea style="500px; height:300px;"></textarea>

总结

fireFox, IE6,IE7,IE8 (注:使用IETester测试) display:none 和 visibility:hidden 样式的文字内容会被复制到剪贴板。

Chrome不会复制隐藏内容到剪贴板。

IE9也不会复制内容到剪贴板,但复制出来的文本格式之间加了很多回车。

注解不会被复制,但超出浏览器的内容会被复制。

其他浏览器未测试,如您有条件可测试后回复测试结果。


欢迎转载,转载请注明:转载自[ http://www.cnblogs.com/zjfree/ ]
原文地址:https://www.cnblogs.com/zjfree/p/2100263.html