Javascript 打印元素的精确副本

Javascript 打印元素的精确副本,javascript,jquery,html,printing,Javascript,Jquery,Html,Printing,尝试实现一对一打印所选页面的元素的目标-与页面上的显示方式完全相同 我尝试了什么: printElement()插件 将图元移动到新窗口: var printwindow=window.open(); $(printwindow.document.body).html($('.contentwrap').html()) 在这两种情况下,我都需要创建单独的样式(media='print')和/或新类。同时-表单值未复制到新窗口 我的内容太动态了,从ajax和数据属性动态填充数据。内容设计也基于

尝试实现一对一打印所选页面的元素的目标-与页面上的显示方式完全相同

我尝试了什么:

  • printElement()插件
  • 将图元移动到新窗口:

    var printwindow=window.open(); $(printwindow.document.body).html($('.contentwrap').html())

在这两种情况下,我都需要创建单独的样式(media='print')和/或新类。同时-表单值未复制到新窗口

我的内容太动态了,从ajax和数据属性动态填充数据。内容设计也基于JS

应用特殊样式并重新编写JS代码-这不是我想要的方式。=)

我正在寻找一种解决方案,它可以精确复制元素,可以作为打印机使用,并且不依赖于浏览器打印设置、样式/脚本调整

它最好是某种截图=),让客户端以jpeg/pdf格式下载

有什么想法吗

请帮忙。谢谢。

如果您使用:$('selector')。克隆(true)它也将克隆选择器和事件处理程序。默认情况下,clone设置为false,如果使用:$('selector'),则不会克隆事件处理程序。clone(true)也会克隆选择器和事件处理程序。默认情况下,clone设置为false,不克隆事件处理程序

您是否尝试过
clone()
?我不确定它是否会处理表单值,但应该处理数据属性。@MarttiLaine:clone()不会处理JS效果并抓取您尝试过的所有样式。
clone()
?我不确定它是否会处理表单值,但应该处理数据属性。@MarttiLaine:clone()不会处理JS效果,而“抓取所有样式”(true)确实有助于抓取处理程序。但仍然需要创建一个单独的样式,如media='print'。我想这是在这些元素上处理打印的唯一可能的方法。=)(正确)确实有助于抓取处理程序。但仍然需要创建一个单独的样式,如media='print'。我想这是在这些元素上处理打印的唯一可能的方法。=)