window.blur-警报框不断显示

Question

当浏览器失去焦点时，我想显示一个警告框。 所以这是我的代码：

$(window).blur(function(e) {
    alert("Your browser lost focus");
    e.stopPropagation();
});

但是，警报框会继续弹出，例如当我使用Alt + Tab切换到另一个窗口时。 谁能告诉我有什么问题吗？

Answer 1

使用$(window).blur弹出alert窗口后， alert框本身会导致您失去对浏览器的关注。 这是极不推荐的 。

如果只想测试失去焦点，则应使用：

 console.log("Your browser lost focus");

否则，请勿将其暴露给站点用户-这将导致alert窗口无限循环。

Answer 2

试试这个

$('selector').on(eventType, function (event) {
  alert(('cancelable' in event));   //will return true
  alert(event.cancelable);      //will return true if event can be cancelled
  //NOTE: Firefox mistakenly always returns true
});

Answer 3

TRY THIS DEMO, ALERT ON LOST FOCUS, WHEN LOST FOCUS TRIGGER OR CALL ANY ACTION

试试这个家伙