Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何单击按钮打印div?_Javascript_Jquery_Printthis - Fatal编程技术网

Javascript 如何单击按钮打印div?

Javascript 如何单击按钮打印div?,javascript,jquery,printthis,Javascript,Jquery,Printthis,我正在使用Jason day的printThis,在其配置页面上,它显示您可以使用以下方式触发插件: $('selector').printThis(); 现在当我这样做时,我注意到这个触发器在页面加载时显示打印框,而不是单击按钮 我如何使用这个插件,并在一个按钮上触发它,而不是默认的页面加载 用法:因此,为了做到这一点,您需要为按钮的单击事件添加一些侦听器 假设这是您的HTML: <button id="myButton">Button</button> <d

我正在使用Jason day的printThis,在其配置页面上,它显示您可以使用以下方式触发插件:

$('selector').printThis();
现在当我这样做时,我注意到这个触发器在页面加载时显示打印框,而不是单击按钮

我如何使用这个插件,并在一个按钮上触发它,而不是默认的页面加载


用法:

因此,为了做到这一点,您需要为按钮的
单击事件添加一些侦听器

假设这是您的HTML:

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

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

我将如何定义此单击按钮?按钮??谢谢,它确实起作用了。你也能告诉我为什么要剪切内容吗?例如,@Robinhood为了寻求这样的帮助,你应该提供一个真正的可执行示例。仅显示屏幕截图并没有真正的帮助。
$(document).ready(function() {
  $('#myButton').on('click', function () {
    $('#myPrintableContent').printThis();
  });
});