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

效果预览

1641626737

实现代码

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

焦点事件

 焦点事件 onfocusonblur 执行相反。

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);

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