菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
41
0

jQuery focus()怎么用?

原创
05/13 14:22
阅读数 763

jQuery focus()怎么用?

jquery中focus()是一个方法,它可以传入一个函数,作为元素获取焦点时的响应事件,也可以不传参数,用来触发focus事件。

作用:

当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。

focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。(相关课程推荐:jQuery教程

语法:

触发被选元素的 focus 事件:

$(selector).focus()

添加函数到 focus 事件:

$(selector).focus(function)

示例1:

<input type="text" id="btn">
<input type="text" id="btn2">
<script>
    $('#btn2').focus();
</script>

效果:刷新网页后自动获取焦点

Snipaste_2019-12-31_09-36-18.jpg

示例2:

<input type="text" id="btn">
<input type="text" id="btn2">
<script>
    $('#btn2').focus(function() {
        console.log(new Date().getTime())
    });
</script>

效果:获取焦点后,触发响应事件

Snipaste_2019-12-31_09-35-53.jpg

发表评论

0/200
41 点赞
0 评论
收藏
为你推荐 换一批