jquery 监听iframe关闭
时间: 2023-07-06 17:09:24 浏览: 60
在 jQuery 中,可以使用 `on` 方法对 iframe 的 `load` 事件进行监听,这样可以在 iframe 加载完成后执行相应的操作,比如删除 iframe 元素等。
具体实现步骤如下:
1. 创建一个隐藏的 iframe。
```javascript
var $iframe = $('<iframe>', {
id: 'print-frame',
name: 'print-frame',
style: 'display:none;'
}).appendTo('body');
```
2. 监听 iframe 的 `load` 事件,执行相应的操作。
```javascript
$.ajax({
url: '/print',
type: 'POST',
data: fileStream,
processData: false,
contentType: false,
xhrFields: {
responseType: 'blob'
},
success: function(response) {
var blobUrl = URL.createObjectURL(response);
$iframe.attr('src', blobUrl);
$iframe.on('load', function() {
URL.revokeObjectURL(blobUrl);
$iframe.remove();
// iframe 关闭后执行的操作
});
}
});
```
注意:以上代码仅供参考,具体实现需要根据实际情况进行调整。另外,需要注意打印功能的兼容性问题。不同浏览器可能有不同的实现方式,需要进行测试和兼容处理。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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_column_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)
![](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)