• 技术文章 >web前端 >js教程

    jquery怎么判断对象是否获取焦点

    藏色散人藏色散人2021-02-02 09:13:05原创341

    jquery判断对象是否获取焦点的方法:首先创建一个代码示例文件;然后使用is()方法查看选择的元素是否匹配选择器;最后结合css3的伪类选择器“:focus”即可判断对象是否获取焦点。

    本文操作环境:windows7系统、jquery1.2.6版本、Dell G3电脑。

    jquery判断对象具有焦点可以使用is()方法,is()方法用于查看选择的元素是否匹配选择器,结合css3的伪类选择器:focus即可判断,具体的代码是$(selector).is(':focus'),当返回结果为true,则具有焦点。

    jquery怎么判断对象是否获取焦点?

    jquery判断对象获取焦点可以使用$(selector).is(":focus")。当对象具有焦点时返回为true,否则返回为false。

    语法:$(selector).is('')

    作用:is() 方法用于查看选择的元素是否匹配选择器。

    :focus 选择器用于选取获得焦点的元素。

    提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。

    推荐:《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怎么判断对象是否获取焦点的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery
    上一篇:jquery 不支持on怎么办 下一篇:jquery不支持的浏览器有哪些
    大前端线上培训班

    相关文章推荐

    • 360浏览器不支持jquery怎么办• jquery url 中文乱码怎么办• 如何解决jquery不兼容问题• jquery 数组如何判断是否包含某元素• jquery 不支持on怎么办

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网