使用jQuery召回函数窗口onblur+ onfocus
使用jQuery召回函数窗口onblur+ onfocus
提问于 2013-09-09 11:06:56
hI遇到了一个问题，如果窗口处于焦点状态，那么如何使用jQuery来召回。当窗口不在焦点(onblur)时，请暂停该功能，直到窗口再次聚焦为止。
这是我的代码：
function functiondosomething (user_id) {
var myInterval;
var time_delay = 1000;
$(window).focus(function () {
setTimeout(function() { functiondosomething (user_id); }, time_delay);
}).blur(function () {
clearTimeout(myInterval); // Clearing interval on window blur
});
setTimeout(function() { functiondosomething (user_id); }, time_delay);// ## problem here
}我的问题是:
- 当我移除这一行时(我在上面标记了问题)。该功能将不会在第一次工作，直到我点击窗外，使它模糊，并再次回到焦点，所以它开始工作。
- 如果我让这一行(我在上面标记了问题)。在那里，功能不能暂停，甚至我点击窗外使它变得模糊。
- 当我点击焦点时，它就开始工作并停止工作。我不得不一次又一次地点击窗外并对窗口进行聚焦。类似的东西需要被激活，点击出窗口，然后再点击窗口。 我该怎么办？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-09-09 11:30:47
我在这里看到了一些问题：
- 您没有设置
myInterval，所以当您调用clearTimeout(myInterval)时，它不会清除任何内容。 - 您使用相同的函数来设置侦听器并递归调用
setTimeout。这意味着每次重新运行时都会设置处理程序，而递归意味着无论处理程序是否运行，它都会运行。
我认为你需要把事情分开一点：
function functiondosomething(user_id) {
// Do stuff...
}
function setupHandlers(user_id) {
var myInterval;
var time_delay = 1000;
function doSomethingWrapper() {
functiondosomething(user_id);
myInterval = setTimeout(doSomethingWrapper, time_delay);
}
$(window).focus(function () {
doSomethingWrapper();
}).blur(function () {
clearTimeout(myInterval); // Clearing interval on window blur
});
doSomethingWrapper();
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18705174
复制相关文章
![[WPF 自定义控件]创建包含CheckBox的ListBoxItem](https://ask.qcloudimg.com/http-save/yehe-3964600/fax5a8z6xs.png)
点击加载更多
相似问题
如何在任意图表中创建包含多个系列的图表？
同步图表或多个图表，如Android中的高级图表
高级图表中包含多个图表。
如何创建包含数据的ggplot图表？
绘制包含多个数据序列的图表
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
