jquery 的focusin和focusout方法的使用

focusin(fn)

概述

在每一个匹配元素的focusin事件中绑定一个处理函数。
当一个元素，或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

参数
fnFunction在每一个匹配元素的focusin事件中绑定的处理函数。
示例
描述:
获得焦点后会触发动画:

HTML 代码:

&lt;p&gt;&lt;input type=&quot;text&quot; /&gt; &lt;span&gt;focusout fire&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;input type=&quot;password&quot; /&gt; &lt;span&gt;focusout fire&lt;/span&gt;&lt;/p&gt;jQuery 代码:
$(&quot;p&quot;).focusin(function() {
  $(this).find(&quot;span&quot;).css(&#39;
display
&#39;,&#39;inline&#39;).fadeOut(1000);
});

登录后复制

focusout(fn)
概述
在每一个匹配元素的focusout事件中绑定一个处理函数。

当一个元素，或者其内部任何一个元素失去焦点的时候会触发这个事件。这跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。

参数
fnFunction在每一个匹配元素的focusout事件中绑定的处理函数。

示例
描述:
失去焦点后会触发动画:
HTML 代码:

&lt;p&gt;&lt;input type=&quot;text&quot; /&gt; &lt;span&gt;focusout fire&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;input type=&quot;password&quot; /&gt; &lt;span&gt;focusout fire&lt;/span&gt;&lt;/p&gt;jQuery 代码:
$(&quot;p&quot;).focusout(function() {
  $(this).find(&quot;span&quot;).css(&#39;display&#39;,&#39;inline&#39;).fadeOut(1000);
});

登录后复制

以上是jquery中focusin与focusout的使用详解的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn