window.onblur 和 window.onfocus

最新推荐文章于 2025-06-06 09:17:29 发布

weixin_33696822

最新推荐文章于 2025-06-06 09:17:29 发布

阅读量3.9k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/1858920/blog/709979

本文介绍了如何使用window.onblur和window.onfocus事件来检测浏览器窗口是否获得或失去焦点，并通过实例展示了如何修改文档标题来吸引用户返回当前页面。

2019独角兽企业重金招聘Python工程师标准>>>

在你浏览其他窗口页面、或是浏览器最小化、又或是点击了其他程序等等，都算是浏览器窗口失去焦点，那么 window.onblur 事件就会触发。

当你浏览别的窗口或者别的程序,直接点就是当你的窗口失去焦点的时候，就会触发window.onblur

当你的页面获得焦点的时候一样也会触发window.onfocus


  window.onblur = function () {
    document.title = "小伙不要走，我要和你对决";
  }

  window.onfocus = function () {
    document.title = "亲，欢迎你回来";
  }

试一试有意思的事件

转载于:https://my.oschina.net/u/1858920/blog/709979

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33696822

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Window对象的常用属性和方法

pan_junbiao的博客

03-31

985

Window 对象代表打开的浏览器窗口，通过 Window 对象，可以控制窗口的大小和位置、由窗口弹出的对话框、打开与关闭窗口，还可以控制窗口上是否显示地址栏、工具栏和状态等栏目。对于窗口中的内容，Window 对象可以控制是否重载网页、返回上一个文档或前进到下一个文档。在框架方面，Window 对象可以处理框架与框架之间的关系，并通过这种关系在一个框架中处理另外一个框架的文档。Window 对象还是所有其他对象的顶级对象，通过对 Window 对象的子对象进行操作，可以实现更多的动态效果。

JS--函数和windows对象

卷不动的程序员

07-03

773

/定义对象的第一种方式id: 1,name: "张三",//属性sex: "男",run: function () {//方法alert(student.name + "跑的快")//调用alert(student.name)//调用属性student.run()//调用方法//创建对象的第二种方式//定义了一个空对象，相当于：let emp = {}//给对象添加属性emp.ename = "刘备";alert("吃得多")//调用emp.eat();

参与评论您还未登录，请先登录后发表或查看评论

页面的焦点：window.onfocus

weixin_30765505的博客

08-31

1813

网页上的每个组件，元素都有onfocus事件，即焦点事件，包括网页本身。两个页面之间切换会激发网页的焦点事件，window.onfocus . 例 <javascript> window.onfocus=function (){alert("test");}; </javascript> 当两个网页切换时，含有上面方法的页面在获得焦点时会激发onfocus...

浏览器事件window.onload、o…

全栈空间

05-04

1031

原文地址：浏览器事件window.onload、onfocus、onblur、onscroll和resize作者：lilyxiao Sample Page! window.onload = function(){ var msg = "nwindow.onload 事件：nn"; msg += "浏览器载入了文档："; alert(msg); } window.onfocus = fu

掌握JavaScript的onfocus与onblur事件监听

weixin_36074800的博客

06-06

1136

onfocus事件是当元素获得焦点时触发的事件。通常，这意味着用户已经点击了该元素，或者在输入字段中开始输入文本。在网页设计中，获得焦点并不限于输入字段；其他可交互元素如链接、按钮、甚至自定义控件都可以通过JavaScript来触发onfocus事件。要触发onfocus事件，用户行为是关键。例如，用户点击一个输入框，或者使用Tab键在表单元素间切换，触发的都是onfocus事件。除了直接的用户交互，还可以通过脚本代码设置或取消元素的焦点，比如会让id为myInput的元素获得焦点。

浏览器事件window.onload、onfocus、onblur、onscroll和resize

weixin_34293902的博客

04-18

529

浏览器事件window.onload、onfocus、onblur、onscroll和resize(2011-01-26 09:50:07)转载▼标签：it分类：javascript<html><head><title>Sample Page!</title><script type="text/javascript"><!...

浏览器网页的onblur

博博菲菲的博客

10-13

2147

曾经做过一个项目，需求是这样的，鼠标离开网页次数不能超过一定限制，如果超过，就自动退出，不能再访问此网页。那么这个onblur事件要求兼容IE8及以上、chrome、Firefox。这就有点伤脑筋了。下面我们来看看怎么实现的呢？//防作弊功能，要区分IE与其它浏览器 //IE8的onblur事件会与onclick事件混淆，需要重新定义事件 if((navigator.userAgent.ind

onblur用于控制用户离开当前页面的应用

你，若盛开的专栏

01-11

516

// window失去焦点时，记录一次切屏 window.addEventListener('blur', this.cutScreen)

事件和window对象.pdf

09-26

这些事件可以触发预先定义的函数来执行相应的操作。...总结来说，事件和window对象是JavaScript在Web开发中实现用户交互和页面控制的关键概念。通过理解并熟练运用它们，开发者可以创建更加动态和响应式的网页应用。

将var editor = new Window.wangEditor('editor')转换为原生js代码？

最新发布

08-12

另外，根据引用[1]，我们还可以配置编辑器的失焦和聚焦事件，但用户没有要求，所以这里只做初始化。如果用户需要配置事件，可以参照引用[1]中的方式，在create之前配置： ```javascript document....

JavaScript-事件的讲解（上）

OuYyds的博客

03-28

801

JS事件是指我们使用鼠标或者键盘做了某些事件来触发对应的处理函数事件由三部分组成：触发事件的元素；对应的事件的函数；（事件函数的特点：全部小写且以on开头，onclick on事件开头，click是事件名点击的意思事件的处理函数；  <button onclick="alert('hello')">点击</button> <!-- 内联模式直接在标签内容以指...

JavaScript中的onblur（失去焦点）应用

qiuqiule6的博客

02-16

6214

提示：onblur 相反事件为 onfocus 事件。ondblclick— 鼠标左键双击事件。onmouseover— 鼠标移入事件。onmouseout-- 鼠标移出事件。onmousemove— 鼠标移动事件。onmousedown— 鼠标按下事件。oninput---- 内容改变事件。onclick— 鼠标左键单击事件。onmouseup— 鼠标抬起事件。onkeydown— 键盘按下事件。onchange— 内容改变事件。onkeyup— 键盘抬起事件。onblur— 失去焦点事件。

页面的失焦和聚焦触发事件

M0li0809的博客

07-08

1662

window上有两个方法 window.onfocus 当进入当前页面时会执行的事件监听 window.onblur 当离开当前页面时会执行的事件监听 window.onfocus = function () { document.title = '页面正常了...'; }; window.onblur = function () { document.title = '快回来~页面崩溃了'; }; ...

JS 捕获浏览器焦点事件

段占彪的博客

01-06

5558

方法一监听 window.onfocus() 和window.onblur()事件实现当前窗口得到焦点 window.onfocus = function() { // 开始计时或者播放 }; 当窗口失去焦点 window.onblur = function() { //停止计时或者播放 }; 缺点由于是判断焦点，如果是在当前页面上铺上一个小窗口，那当前页面就暂停了...

js监听浏览器焦点事件

佳佳鸽的博客

01-24

2233

window.onfocus = function () { //焦点在当前窗口 //功能函数 } window.onblur = function () { //焦点不在当前窗口 //功能函数 } 当点击浏览器外的区域： window.onfocus = function () { window.alert("焦点离开网页"); } 当点击浏览器内的区域： window.onfocus = function () { window.alert("焦点回到网页"); }

手机点击Input外无法onBlur

Meetacoo的博客

03-13

936

突然发现html自带的 Input 在 Ios手机和 iPad 上点击框外不会 onblur，软键盘不能回弹关闭，弄了好久，终于发现一个办法（无奈之举）：在包裹着 input 外的最外层容器上添加 onClick 事件。 const onInputBlur = e => { if (e.target.tagName !== 'INPUT') { onBlur() ...

js 怎样判断用户是否在浏览当前页面

Win32FanEx 的专栏

08-13

865

转自：https://www.cnblogs.com/csuwujing/p/10315309.html 有些时候我们需要在项目中判断用户是否在浏览当前页面，或者当前页面是否处于激活状态。然后再进行相关的操作。浏览器中可通过window对象的onblur、onfocus判断，或者document的hidden属性判断。 1、window.onblur & window.onfocus 关于是否失焦点，浏览器对象有onfocus和onblur事件可以监听。但是触发这两个事件的前提是页面之前是..

JavaScript——onblur事件失效问题解决方案

无限迭代中......

10-08

6539

基本概念问题分析改了写法，把事件写在函数里，然后直接调用，发现一直提示函数未定义，这个和浏览器渲染页面过程有关，就是当浏览器渲染到该标签时，事件函数还没定义，就报错。解决方案添加监听事件即可 input.addEventListener('blur',function(){我是一个函数啦啦啦！}); 如果要兼容ie8要用attachEvent 参考文章 http...

Android全局窗口模糊,javascript – 窗口焦点和模糊事件在Android浏览器上无法正常工作...

weixin_28900073的博客

05-26

316

我发现当连接到窗口,文档或正文时,javascript焦点和模糊事件在Android浏览器上无法正确触发.我想要一个在桌面浏览器上正常工作的简单测试脚本,但在Android股票浏览器,Dolphin和Opera mobile上都失败了：Focus testwindow.onfocus = function() {document.getElementById('console').innerHTM...