打印按钮不起作用

Print Button does not work

本文关键字：不起作用 按钮 打印      更新时间：2023-09-26

我为网页创建的打印按钮不起作用。当我检查元素时，似乎什么都没有出来。没有一个错误

这是我的html代码：

<button onclick = "printAddOrders()">Print New Orders</button>

这是javascript函数代码：

function printNewOrders(){
  window.print();
}
$(document).on("click", "#print-click", printNewOrders);

这里还有一个链接到我的JSFiddle，我在那里模拟了这个问题，为了展示起见，让事情变得更清楚：

https://jsfiddle.net/poch_MENDOZA/7uwm8sd0/

您可以通过按钮调用printAddOrders()。我想你的意思是调用printNewOrders()

您忘记将print-click id添加到<button>

<button id="print-click" onclick="printAddOrders()">

并且函数名称不一致。您在html中有printAddOrders，在js中有printNewOrders。

这是你的一把正在工作的小提琴叉。

您既没有定义printNewOrders也没有定义printAddOrders。对于onclick，您已经附加了printAddOrders，但没有函数体。

第二，没有id print-click附加到任何DOM元素。

你的jsfiddle不工作，因为你已经使用了$，但还没有包括jquery

以下是单击按钮打开print window的代码片段。你不需要jquery这里

HTML

<button onclick = "printAddOrders()" id ="print-click">Print New Orders</button>

JS

 function printAddOrders(){
  window.print();
}

没有jquery 的jsfiddle

带有jquery 的代码段

HTML

// Note there is no onclick handler added since you are delegating the event to click of `print-click`
<button onclick = "" id ="print-click">Print New Orders</button>

JS

function printNewOrders(){
  window.print();
}
$(document).on("click", "#print-click", printNewOrders);

jsfiddle with jquery

尝试

<button onclick = "window.print()">Print New Orders</button>

<button onclick = "window.print();">Print New Orders</button>

你想完成什么？或者你需要更多的打印功能？

供您参考的完整代码：

函数printNewOrders（）｛window.print（）；｝

感谢

相关文章：