当HTML代码中包含display:none的文本时,复制内容时是否包含?
测试如下:
aaaaaaaaaaaaaaaaaa |
ccccccccccccccccccccc |
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也不会复制内容到剪贴板,但复制出来的文本格式之间加了很多回车。
注解不会被复制,但超出浏览器的内容会被复制。
其他浏览器未测试,如您有条件可测试后回复测试结果。