章节
问答
课签
笔记
评论
占位
占位

jQuery鼠标事件之focusin事件

当一个元素,或者其内部任何一个元素获得焦点的时候,例如:input元素,用户在点击聚焦的时候,如果开发者需要捕获这个动作的时候,jQuery提供了一个focusin事件

使用上非常简单:

方法一:$ele.focusin()

绑定$ele元素,不带任何参数一般是用来指定触发一个事件,一般用的比较少

<div id="test">点击触发<div>
$("ele").focusin(function(){
    alert('触发指定事件')
})
$("#test").mouseup(function(){
     $("ele").focusin()  //指定触发事件 
});

 

方法二:$ele.focusin( handler )

绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数

这样可以针对事件的反馈做很多操作了

<div id="test">点击触发<div>
$("#test").focusin(function() {
    //this指向 div元素
});

 

方法三:$ele.focusin( [eventData ], handler )

使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题

<div id="test">点击触发<div>
$("#test").focusin(11111,function(e) {
    //this指向 div元素
    //e.data  => 11111 传递数据
});

 

事件非常简单,具体的操作参考右边的代码区域

 

任务

?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / Coding青天
焦点是input控件文本框用来判断用户鼠标是否放到该区域的,获取之后可以做一系列处理,提高用户体验。

已采纳回答 / 阿阿阿布
$("input:last").focusin('慕课网', function fn(e) {             $(this).val(e.data)            });首先,因为$("ele").focusin('data','fn'),点击文本框触发焦点事件,'data'传入了数据:“慕课网”储存在focusin件事里面(也就是这里的e),后面的e.data就是读取你传入的数据:“慕课网”这3个中文。val()你应该理解吧,就是把data数据输入到input文本框里。也就是为什么你点...

已采纳回答 / 慕小柒啊
 $('input:last').focusin('慕课网',function(e){            $(this).val(e.data)        })

已采纳回答 / L大超
获得焦点后用outline:none可以去掉默认的蓝色边框,写在css中也行:input:focus

已采纳回答 / 立花叶泷
再写一个focusout()事件,把input边框样式设置成原来的

已采纳回答 / 慕无忌1022
click方法用于监听用户单击操作,用户在点击聚焦的时候,如果开发者需要捕获这个动作的时候,jQuery提供了一个focusin事件;当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。

已采纳回答 / 夜莺z
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。

已采纳回答 / 简简单单ap
focusin(参数1,参数2),参数一是你要传递的数据,参数二是你将数据传递给的函数a,函数a的第一个参数是event对象,他的属性data的值就是你传递的数据,即参数1,我是这么理解的,希望对你有所帮助。

已采纳回答 / qq_在迷宫_0
在事件处理中传递的是一个回调函数,括号内的e为形参,按命名规则去命名都可以,在这个函数中表示的就是传进来的那个事件对象了,等到事件被触发的时候这个形参就会实例化,这个事件对象就是本节里面讲到的那个event来的,只是用e来表示而已

最新回答 / qq_Dandelion_3
fn只是函数名,是由你自己命名的,你可以改成an、bn、cn(取一个有意义的名字就行了)。

已采纳回答 / qq_Speranza_04025370
<!DOCTYPE html><html><head>    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />    <title></title>    <style>    .left div,    .right div {        width: 500px;        height: 50px;        pad...

已采纳回答 / 小小奋斗Nice
.html(),.text()和.val()的差异总结:  .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,...
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言