我已经写了一些JS代码到网页的html.on一个锚标记的点击打印图像时首先加载文档和我点击它打印图像功能 但是当我取消从浏览器打印打印预览打印它带我到我的网页,现在第二次,如果我在打印锚标记点击,它不工作和事件侦听器未显示,JS脚本我写的正常工作第一次。 以下是我的代码打印图像。事件处理程序缺少一次函数被调用JS脚本
(function ($) {
"use strict";
function printDiv(imglink){
var originalContents=document.body.innerHTML;
var printContents = '<img class="alignnone size-full wp-image-3824" src="'+imglink+'" />';
// var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
document.bgColor = '#ffffff';
window.print();
document.body.innerHTML = originalContents;
}
$(document).ready(function(){
var plink=$('div.printit').children()[0];
plink.removeAttribute('href');
var hostname=window.location.hostname;
var port=window.location.port;
// var imglink=$('div.field--name-field-healthpass-image').children()[0].src;
var imglink='http://'+hostname+':'+port+'/themes/child/images/massage-voucher.jpg';
$(plink).on("click",printDiv(imglink));
});
})(jQuery);
$(砰砰)。在( “点击”,printDiv .bind(null,imglink)) –
'document.body.innerHTML = originalContents;' - 移除事件侦听器 –
我认为您可以使用css @media查询打印,只需使用@ meida css {display:none}隐藏所有内容除了小说nt你想打印并激发js事件:window.print();演示在这里:http://codepen.io/ashraftalib/pen/Jbygpw/ – Ashraf