javascript - 在 IE、Jquery 中不显示或选择或打印的隐藏文本

Question

HTML：

<button id="hide_some_text">Hide</button>
<div id="first">my name is Sea Mist and iam 19 years old</div>
<div id="second" style="display: none">This is the hidden text to be printed and selected only when button is pressed</div>

查询：

$("#hide_some_text").click(function(){
$("#second").toggle();
});

我想要的是 ：

如果 div 标签“second”下的文本仅可见，那么它应该是 SELECTED 和 PRINTABLE（请注意我在 IE 中工作），如果 div 标签“second”下的文本是隐藏的，那么当我执行 Ctrl+A 时它不应该被 SELECTED -> Ctrl + V，当我去打印预览时也不应该显示

注意：我使用 IE，这些问题不会出现在 mozzila 或 chrome 中，但由于限制我必须使用 IE，所以我需要一个特定于 IE 的解决方案

Answer 1

在你的 JavaScript 中做这样的事情：

var cache;
$("#hide_some_text").click(function(){
    if($("#second").is(":visible")) { //if it's not hidden
        cache = $("#second").html(); //cache the HTML
        $("#second").hide().html(""); //hide and empty HTML
    }
    else { //else, it's hidden
        $("#second").show().html(cache); //show and get back HTML
    }
});
$(document).ready(function() {
    $("#hide_some_text").click();
});