jQuery 判断对象具有焦点可以使用 is() 方法, is() 方法用于查看选择的元素是否匹配选择器, 结合 CSS3 的伪类选择器: focus 即可判断, 具体的代码是 $(selector).is(':focus'), 当返回结果为 true, 则具有焦点.
jQuery 判断对象获取焦点可以使用 $(selector).is(":focus"). 当对象具有焦点时返回为 true, 否则返回为 false.
语法:$(selector).is('')
作用: is() 方法用于查看选择的元素是否匹配选择器.
:focus 选择器用于选取获得焦点的元素.
提示: 接收键盘事件或其他用户输入的元素都允许 :focus 选择器.
(相关课程推荐: jQuery 教程 https://www.html.cn/jskuangjia/jquery/ )
使用示例:
- <input type="text" id="input">
- <script>
- // 延迟 2s 判断输入框是否具有焦点
- setTimeout(()=>{
- var isFocus=$("#input").is(":focus");
- if(true==isFocus){
- console.log('focus')
- }else{
- console.log('blur')
- }
- }, 2000)
- </script>
刷新网页后, 立即点击输入框程序会输出 focus
刷新网页后, 不点击输入框程序会输出 blur.
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15399.html