将鼠标悬停在图像上，获取打印对话框？

Question

我有一个广告展示位置系统，可随机选择要展示的广告图片。用户可以点击它进入相应的网站，它有一个边框，当它悬停时出现。

然而，当客户将鼠标悬停在广告上时，我希望显示一个选项（可能位于图片的一角）以将其打印出来（广告是可以在实体店使用的优惠券）。

或许，如果可用性要求，我希望广告下方有一个链接来启动打印对话框。

我该怎么做？

Answer 1

您可以使用mouseover事件来确定用户何时悬停在元素上，click事件在用户点击打印链接时收到通知，并window.open(...)打开另一个页面只有自己的广告，然后在新窗口中window.print()打印页面。

理想情况下，您只想打印而不打开新窗口，但我不知道有任何跨浏览器的方式来执行此操作。

Answer 2

使用js：页面上的absolute位置有一个元素，因此onmouseover =更改opacity的打印图标

Answer 3

如果您在iFrame中获得了广告，则可以将javascript函数放在iFrame中以在悬停（或下方）上显示打印按钮，并执行类似here所述的操作，以便从iFrame中打印广告而无需打开一个新窗口。