多语言展示
当前在线:1645今日阅读:23今日分享:25

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

本篇经验将为大家解说如何判断窗口是否获得焦点,欢迎各位IT迷们围观,有不合适的地方可以指点纠正,小编虚心接受~
方法/步骤
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(){......})

6

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

推荐信息