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

如何在javascript中打印用户选择的页面部分,javascript,jquery,printing,Javascript,Jquery,Printing,如何使用javascript选择页面的一部分,并用javascript打印所选部分 你能给出一些建议吗。使用打印样式表定义隐藏内容的类。当用户选择要打印的内容时,将该类添加到除要打印的内容之外的所有内容中 样式表可能如下所示: @media print { .dont-print { display: none; } } 然后,假设您的页面由带有类项的div部分组成: <div class="item"> ... </div> <d

如何使用javascript选择页面的一部分,并用javascript打印所选部分

你能给出一些建议吗。

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

样式表可能如下所示:

@media print {
    .dont-print {
        display: none;
    }
}
然后,假设您的页面由带有类
项的
div
部分组成:

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

谁在选择什么?在标题中你说“用户已选择”,在你询问的文本中,如何使用JS进行选择…@Teemu Ya我需要它。。如何使用javascript选择页面的部分。喜欢截图。谢谢回复。但在这里,如何在页面中选择该区域。@mani:不管你喜欢哪种方式,这都是一个太宽泛的问题。例如,可能每个项目都包含一个按钮,上面写着“只打印这个”。然后您将拥有
$(“按钮选择器”).on(“单击”,function(){$(“.item”).removeClass(“不打印”).not($(this).closest(.item”).addClass(“不打印”);})这里用户用鼠标选择页面。我不知道怎么做。。你能建议我实现这个目标吗。
function printJustThis(div) {
    $(".item").not(div).addClass("dont-print");
}