利用js焦点事件实现用户离开页面提示

　利用js 焦点事件 实现用户 切换网站提示 主要使用了原生 javascript 的 onfocus 事件以及 onblur 事件来实现的。

效果预览

实现代码

window.onfocus = function() {
    document.title = '大爷来玩呀';
};
window.onblur = function() {
    document.title = '大爷慢走,下次再来';
};

焦点事件

　焦点事件 onfocus 与 onblur 执行相反。

onfocus 事件

　当输入字段或者窗体获得焦点时执行 JavaScript 脚本

window.onfocus = function() {
    document.title = '大爷来玩呀';
};

object.onfocus = function(){myScript};

object.onfocus = function(){myScript};

onblur 事件

　当用户离开输入字段或者窗体时执行 JavaScript 脚本

window.onblur = function() {
   document.title = '大爷慢走,下次再来';
};

object.onblur = function(){myScript};

object.addEventListener("blur", myScript);

　通过以上代码我们实现了一个简单的用户切换网站提示,有兴趣的同学可以体验下。