zoukankan      html  css  js  c++  java
  • 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/ ]
  • 相关阅读:
    转盘抽奖活动代码
    信息滚动条
    gulp应用学习
    js实现语音播报功能
    如何安装使用sass
    纯CSS写三角形-border法
    css兼容性写法
    字体中英文对照
    浏览器内核判断
    个人课程总结
  • 原文地址:https://www.cnblogs.com/zjfree/p/2100263.html
Copyright © 2011-2022 走看看