如何判断窗口是否获得焦点

1、假设我们的页面里有一个input输入框，id为my_input，那么判断这个元素是否获得焦点的方法如下，小编整理了三个。

2、方法一，//先获取输入框元素，接着varinput=document.getElementById('my_input');varhasFocus=document.hasFocus()&&document.activeElement===input;最后//如果hasFocus为true表示input元素获得焦点，否则没有获得焦点。

3、方法二，//可以用document.activeElement判断//document.activeElement表示当前活动的元素//查找你要判断的文本框varmyInput=document.getElementById('myInput');if(myInput==document.activeElement){alert('获取焦点');}else{alert('未获取焦点');}

4、方法二文本框获取焦点后执行的方法：$(".input").focus(function(){......})文本框失去焦点后执行的方法：$(".input").blur(function(){......})

5、方法三，<input id="btn" type="button" value="百度一下"> window.onload = function(){ var btn = document.getElementById("btn"); //页面加载获取焦点 alert(document.activeElement.id) // body //调用focus()方法获取焦点 btn.focus(); alert(document.activeElement.id) // btn};

6、以上就是三个判断窗口是否获得焦点的方法，如果有帮到你可以为小编点个赞~ 有问题的欢迎留言，小编会及时回复。