-
如何捕获iframe的关闭事件0
在A页面中：<div class='tab' id='idoftab'> <iframe src="/pageB"/> </div>
在B页面中$(window).on('beforeunload', function(){ return 'Are you sure you want to leave?'; });
单独打开B页面的时候，B页面中的beforeunload是可用的，但是如果在A页面中用一下的方式“关闭”B页面就没有用了：$("#idoftab").remove();
我在A页面中尝试在remove之前手动调用iframe的unload方法，但是没用。
求解，万分感谢！2014年5月21日 10:10
添加评论
关注(0)3个答案 按时间排序 按投票排序
-
采纳的答案
如果不是调用$("#idoftab").remove();
单独打开子页面或者父页面，在关闭页面的时候都会弹出确认对话框。
我大概都尝试了下，快要逼疯了。实在不行就在$("#idoftab").remove();之前
弹出对话确认下。
$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){ if (r){ // exit action; } });2014年5月21日 15:47
相关推荐
同时，通过监听IFrame的加载事件，可以实现更精确的控制，比如显示加载指示器直到内容完全加载。 在实际项目中，你可以参考名为`testtab`的压缩包文件，它可能包含了实现这个功能的示例代码或者模板。通过查看和...
为了使这个功能生效，我们需要在Iframe所在页面的`<body>`标签关闭之前调用`autoAdjustWindow()`函数。通常，我们将这个函数的调用放在页面底部的`<script>`标签中，确保在内容加载完毕后再执行。 然而，需要注意的...
4. `up()`函数在鼠标释放时被调用，释放鼠标捕获并关闭调整大小的操作。 CSS部分定义了一个名为`.resizeDivClass`的类，设置了分隔线的样式，包括宽度、边距、背景色和鼠标指针形状，使其看起来像可拖动的手柄。 ...
如下所示： 1、这里的弹窗弹出来的是一个页面，经过了后台才弹出来的一个页面 1.1、弹窗的实现 1.1.1、 js 部分 function getArticleById(articleId){ var index = layer.open({ type: 2, ...
在这个例子中，`$(document).on('click', '#test', ...)`会监听整个文档，当`#test`元素被点击时，无论该元素何时生成，事件都会被正确捕获并执行相应的回调函数。 另外，需要注意的是，尽量避免在整个`document`上...
用户选择配送方式后，`iFrameTools`会捕获选中的选项，更新购物车总价并关闭对话框，整个过程无需离开当前页面。 总结来说，`dialog`和`iFrameTools`是前端开发中的实用工具，它们各自负责对话框交互和iframe的管理...
其中，`mousedown`函数是处理鼠标按下的事件，它记录了鼠标相对于窗口的位置，并设置了窗口的捕获状态，以便在鼠标移动时能够跟随。 在拖动过程中，`mousedown`函数会更新窗口的位置，根据鼠标的移动计算新的X和Y...
- `event.setCapture()` 和 `event.releaseCapture()` 分别用于开启和关闭事件捕获阶段，确保事件处理程序在冒泡阶段之前执行。 - `event.keyCode`、`event.shiftKey`、`event.altKey` 和 `event.ctrlKey` 可以...
- **window.frames**: 数组，包含了页面中所有<iframe>元素的引用。 - **window.parent**: 当前窗口的父窗口的引用。 - **window.top**: 最顶层的窗口的引用。 #### 总结 通过学习这些知识点，我们可以有效地控制...
- **子页面关闭事件**：通常我们需要在子页面关闭时触发父页面的某些操作，如更新数据显示，这可以通过监听`beforeunload`或`unload`事件来实现。 - **按钮点击事件**：在子页面中，用户完成输入后通常会点击一个...
3.8.3 关闭事件捕获 3.8.4 事件传递 3.9 DOM的解决之道 3.9.1 事件流方向 3.9.2 Event对象 3.9.3 事件类型 3.10 本章小结 第4章 JavaScript基于对象编程 4.1 面向对象编程与基于对象编程 4.1.1 什么是对象 4.1.2 ...
3.8.3 关闭事件捕获 3.8.4 事件传递 3.9 DOM的解决之道 3.9.1 事件流方向 3.9.2 Event对象 3.9.3 事件类型 3.10 本章小结 第4章 JavaScript基于对象编程 4.1 面向对象编程与基于对象编程 4.1.1 什么是对象 4.1.2 ...
在`closePage.jsp`中，我们可以捕获URL中的`callFlag`参数，处理完成后关闭对话框。至此，我们成功地解决了`window.showModalDialog`跨域返回值的问题。 总结起来，解决`window.showModalDialog`跨域返回值的关键...
- `event.srcElement.setCapture()`: 使当前元素成为捕获事件的目标。 - `event.srcElement.releaseCapture()`: 释放当前元素的事件捕获状态。 **3. 键盘事件** - `event.keyCode`: 获取键盘事件的键码。 - `...
2. **事件处理**：`event.srcElement.setCapture()` 和 `event.srcElement.releaseCapture()` 分别用于开启和关闭事件捕获，使得事件处理在事件冒泡阶段之前进行。 3. **键盘事件属性**：`event.keyCode` 提供了按...
当WebBrowser试图打开新窗口时，通过处理 `NewWindow2` 事件可以捕获并控制这一行为。虽然这种方法无法直接获取新窗口的URL，但可以在新窗口的WebBrowser触发 `BeforeNavigate2` 事件时进行判断。 ### 十、判断页面...
首先是事件在DOM树上向下的捕获阶段，然后到达事件的目标元素，最后是事件向上冒泡回DOM树的根部。 #### 19. 事件代理及其优缺点 事件代理是指将事件监听器添加到父元素上，利用事件冒泡原理来管理子元素的事件。...
函数改变了1.0版需要对确定和取消按钮分别写回调函数及不支持关闭事件的缺陷， 11、完全的封装，对外只暴露一个ymPrompt变量，有效防止与使用者程序变量的冲突。 12、程序(js)与样式(css)的完全分离，取消了1.0中...
当用户点击一个链接或图片时，Thickbox插件会捕获这个事件，然后在页面上生成一个弹出层，显示选定的内容。它支持多种类型的内容： 1. 图像：Thickbox可以轻松地处理单张图片或者图片画廊。当用户点击一个链接到...
通过Flash的ActionScript代码，我们可以控制摄像头的开启、关闭，以及捕获静态图像。 在用户点击拍照按钮后，EXT.NET会触发Flash中的拍照功能。Flash捕获到的图像会被保存为临时文件，然后通过Flash与JavaScript的...