在每一个匹配元素的focusin事件中绑定一个处理函数。
当一个元素,或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于,他可以在父元素上检测子元素获取焦点的情况。
参数
fnFunction在每一个匹配元素的focusin事件中绑定的处理函数。
示例
描述:
获得焦点后会触发动画:
HTML 代码:
<p><input type="text" /> <span>focusout fire</span></p> <p><input type="password" /> <span>focusout fire</span></p>jQuery 代码: $("p").focusin(function() { $(this).find("span").css(' display ','inline').fadeOut(1000); });
focusout(fn)
概述
在每一个匹配元素的focusout事件中绑定一个处理函数。
当一个元素,或者其内部任何一个元素失去焦点的时候会触发这个事件。这跟blur事件区别在于,他可以在父元素上检测子元素失去焦点的情况。
参数
fnFunction在每一个匹配元素的focusout事件中绑定的处理函数。
示例
描述:
失去焦点后会触发动画:
HTML 代码:
<p><input type="text" /> <span>focusout fire</span></p> <p><input type="password" /> <span>focusout fire</span></p>jQuery 代码: $("p").focusout(function() { $(this).find("span").css('display','inline').fadeOut(1000); });
以上是jquery中focusin与focusout的使用详解的详细内容。更多信息请关注PHP中文网其他相关文章!