jquery 的focusin和focusout方法的使用
focusin(fn)
概述
在每一个匹配元素的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);
});
在每一个匹配元素的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);
});