js监听打印预览的打印事件
时间: 2023-07-15 11:15:27 浏览: 82
在JS中,可以使用`window.onbeforeprint`和`window.onafterprint`事件来监听打印预览的打印事件。具体示例如下:
```javascript
window.onbeforeprint = function() {
console.log('即将打印');
};
window.onafterprint = function() {
console.log('打印完成');
};
```
当用户在浏览器中点击打印按钮时,`onbeforeprint`事件会被触发,表示即将进行打印操作。当打印完成后,`onafterprint`事件会被触发,表示打印已经完成。你可以在这两个事件的回调函数中执行你需要的操作,例如记录日志或者更新页面内容等。
相关问题
js 监听chrome打印预览页面
可以通过以下步骤来监听Chrome打印预览页面的事件:
1. 获取打印预览页面的iframe元素和其中的文档对象:
```javascript
var previewIframe = document.getElementById("print-preview");
var previewDoc = previewIframe.contentDocument || previewIframe.contentWindow.document;
```
2. 给打印按钮和取消按钮绑定点击事件:
```javascript
var printBtn = previewDoc.getElementById("printButton");
printBtn.addEventListener("click", function() {
// 打印按钮被点击时的逻辑
});
var cancelBtn = previewDoc.getElementById("cancelButton");
cancelBtn.addEventListener("click", function() {
// 取消按钮被点击时的逻辑
});
```
注意,Chrome打印预览页面中的打印按钮和取消按钮的ID可能因版本而异,需要根据实际情况进行调整。
3. 监听打印预览页面的关闭事件:
```javascript
previewIframe.addEventListener("load", function() {
var previewWindow = previewIframe.contentWindow;
previewWindow.onbeforeunload = function() {
// 打印预览页面关闭时的逻辑
};
});
```
这样就可以在JavaScript中监听Chrome打印预览页面的事件了。
JS 监听打印预览界面 点击打印和点击取消
你可以使用window.print()来弹出打印预览界面,然后使用window.onbeforeprint和window.onafterprint事件来监听用户点击打印和取消打印的行为。
代码示例:
```
window.onbeforeprint = function() {
console.log('用户点击了打印按钮');
}
window.onafterprint = function() {
console.log('用户取消了打印');
}
```
当用户点击打印按钮时,onbeforeprint事件将被触发,当用户取消打印时,onafterprint事件将被触发。你可以在这些事件处理程序中执行任何你需要的操作。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)