jquery 的focusin跟focusout方法的使用
来源:互联网 发布:淘宝假面骑士铠武腰带 编辑:程序博客网 时间:2024/05/17 09:19
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);
});
0 0
- jquery 的focusin跟focusout方法的使用
- jquery方法focusin/focusout的使用
- jquery笔记:事件 focusin, focusout,scroll, select
- jQuery源码分析之blur focus focusin focusout load resize scroll unload click dblclick等方法
- Flex中如何利用focusIn和focusOut事件对表单中获得焦点的项目进行颜色高亮(highlight)显示的例子
- Flex中如何利用focusIn和focusOut事件,对表单中获得焦点的项目进行颜色高亮(highlight)显示。
- jQuery中focusin()和focus()、find()和children()的区别
- focusout()与blur()的区别
- QLienEdit控件的 focusIn事件
- focusin 和focus 的执行顺序
- jquery跟js初始化加载的多种方法
- jquery跟js初始化加载的多种方法
- jquery easyui window 的使用跟缓存问题
- jQuery跟Extjs的区别
- 小议JQuery中focus()和focusin()区别
- 使用jquery的ajax方法
- jquery.cookie() 方法的使用
- Jquery的几个方法使用.
- jquery中的empty()与remove()区别
- Windows下使用GNU编译器
- [转]解决Codeforces访问慢的本地方案
- poj 2893 M × N Puzzle(八数码可行解)树状数组求解
- php文件下载函数
- jquery 的focusin跟focusout方法的使用
- BP神经网络的数据分类
- poj1753
- gson的@Expose注解和@SerializedName注解
- 配置jk_mod注意事项
- 二分法求根
- 混响音效
- CSS3的REM设置字体大小
- 编写leetcode测试用例时所用的辅助函数