jquery-学习日记2-细节注意点input文本款blur和change的顺序事件
来源:互联网 发布:vc socket编程 重连 编辑:程序博客网 时间:2024/06/06 03:13
不知道其他人有没有遇到过这种问题,今天学习jquery事件的时候,测试代码写了如下的代码
$(":text").focus(function(){
$(":text").css("background","yellow");
});
$(":text").blur(function(){
$(":text").css("background","white");
});
$(":text").change(function(){
$(":text").css("background","red");
});
测试的时候改变文本框的内容,结果并没有出现文本框变成红色的效果,所以便想了下文本框的blur和change事件的顺序关系,于是加了代码测试,如下
$(":text").focus(function(){/*focus 和 blur 事件的参数function均是可选参数*/
$(":text").css("background","yellow");
});
$(":text").blur(function(){
console.log(2)
$(":text").css("background","white");
});
$(":text").change(function(){
console.log(1)
$(":text").css("background","red");
});
在chrome下运行,如下效果
于是得出结论顺序是change()事件在前,blur事件在后。此后在firefox和IE下测试,均是此顺序。
很小的细节,不过想了下以后码码还是避免此冲突的好。写代码还是得严谨的,要的是种态度啊。继续细化下jquery API,为下一步阅读源码打基础,这个feel倍儿爽!
- jquery-学习日记2-细节注意点input文本款blur和change的顺序事件
- 【jquery】input 和 blur 事件
- 记录一个 input change 和 blur 事件同时注册的问题
- 文本框的blur与change事件触发顺序
- 文本框的blur与change事件触发顺序
- input的focus和blur事件
- jquery input change事件
- jquery input change事件
- jquery input change事件
- jquery绑定input的change事件
- jquery文本框的focus和blur事件
- 【jQuery】文本框的focus和blur事件
- 【JQuery】文本框的focus和blur事件
- ios和安卓的input的click事件和change事件的加载顺序问题。
- jquery细节注意点
- jquery input change事件解决方案
- jQuery focus和blur事件
- jQuery focus和blur事件
- jquery 点击按钮双向双图轮播
- C指针原理(95)-汇编基础(2)
- github 简单使用教程(更新中...)
- PSTN & PBX
- java企业开发三:struts2+spring3再集成hibernate4
- jquery-学习日记2-细节注意点input文本款blur和change的顺序事件
- LA 3644 并查集
- 原生App vs 移动Web App : 你如何选择
- 大数相乘(支持浮点数)
- SpringMvc工作原理
- JAVA VERSION ON MAC
- Y4M 格式详解
- jQuery选择器总结
- Android中LocationManager的简单使用01