如何在javascript中打印用户选择的页面部分答案

【问题标题】：how to print user selected part of a page in javascript如何在javascript中打印用户选择的页面部分
【发布时间】：2014-10-15 07:30:31
【问题描述】：

如何使用 javascript 选择页面的一部分并在 javascript 中打印选择的部分。

您能对此提出一些建议吗？

【问题讨论】：

【解决方案1】：

使用打印样式表定义隐藏事物的类。当用户选择要打印的内容时，将该类添加到除他们要打印的内容之外的所有内容。

样式表可能如下所示：

@media print {
    .dont-print {
        display: none;
    }
}

然后，假设您的页面由 div 部分和类 item 组成：

<div class="item">
...
</div>
<div class="item">
...
</div>
<div class="item">
...
</div>

当用户选择要打印的项目时，用dont-print标记其他项目：

function printJustThis(div) {
    $(".item").not(div).addClass("dont-print");
}

【讨论】：

感谢您的回复。但是这里如何在您的页面中选择该区域。
@mani：随便你怎么想，这个问题都太宽泛了。例如，也许每个项目都包含一个按钮，上面写着“只打印这个”。然后你会有$("selector for the button").on("click", function() { $(".item").removeClass("dont-print").not($(this).closest(".item")).addClass("dont-print"); });
这里用户通过鼠标选择页面。我不知道该怎么做。你能建议我实现这个吗。