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

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

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

3、方法二，// 可以用document.activeElement判断

// document.activeElement表示当前活动的元素

// 查找你要判断的文本框

var myInput = 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、以上就是三个判断窗口是否获得焦点的方法，如果有帮到你可以为小编点个赞~ 有问题的欢迎留言，小编会及时回复。