javascript - 如何在单击按钮时打印 div？

Question

我在 Jason day 之前使用 printThis，在其配置页面上显示您可以使用以下方式触发插件：

$('selector').printThis();

现在，当我这样做时，我注意到此触发器在页面加载时显示打印框，而不是单击按钮。

如何使用此插件并在按钮而不是默认页面加载上触发它？

用法：https ://jasonday.github.io/printThis/

Answer 1

因此，为了做到这一点，您需要为click按钮的事件添加一些侦听器。

假设这是您的 HTML：

<button id="myButton">Button</button>

<div id="myPrintableContent">
  Some content to print
</div>

这是你的 javascript 代码：

$(document).ready(function() {
  $('#myButton').on('click', function () {
    $('#myPrintableContent').printThis();
  });
});