我正在为Web应用程序实现注销功能。我有一个函数,当用户单击注销按钮时会调用该函数。
$.post(window.location.pathname + '/logout');
Run Code Online (Sandbox Code Playgroud)
注销服务仅适用于发布。
发生的是:
我想发生的是:
我有一个程序,我有jQuery UI对话框.我希望这些对话框在失去焦点时关闭,例如用户点击相关对话框之外的任何地方.
从表面上看,这似乎是一个简单的问题,但blur事件根本不起作用.从那以后,我转向了focusin和focusout,但偶然发现一个奇怪的问题:
当我有一个对话,并已附着focusin和focusout含有该对话框(I称为元素的父元素dialog上).对话框出现后的第一次单击始终会产生一个focusout事件,无论点击的位置如何.
因此,如果我想破坏对话框focusout,那么对话框就不会被破坏.这是证明我的问题的jsFiddle.
我知道我可以使用一些技巧来忽略第一个focusout,但是我想知道是否有任何方法可以让它以正确的方式工作,这是当用户点击第一个对话框之外时产生的唯一事件时间.
在以下帮助下,我找到了一个令人愉快的答案underscore.js:
我将问题分解为部分:
focusout在第一次点击时发生focusin跟随一个事件因此,当有一系列focusout- > 时发生了不希望的行为focusin.我使用下划线的defer函数和布尔修饰符来解决这个问题
onFocusout: function(event) {
console.log('focus out');
this.hasFocus = false;
var self = this;
_.defer(function() {
if (!self.hasFocus) alert('DESTROY DIALOG');
});
},
onFocusin: function() {
console.log('focus in');
this.hasFocus = true;
},
Run Code Online (Sandbox Code Playgroud)
defer使函数等待,直到调用堆栈已清除(在错误的行为情况下,focusin堆栈中有一个事件等待),然后执行它.因此,如果在变量更改 …