首页 > 代码库 > 详说jQuery的focus()、blur()事件
详说jQuery的focus()、blur()事件
- what
focus():当元素获得焦点时，发生 focus 事件。
blur():当元素失去焦点时发生 blur 事件。
- 小例子
HTML文件
Enter your name: <input type="text" />
javascript文件：
$(document).ready(function(){
$("input").focus(function(){
$("input").css("background-color","#ff0"); //黄色
});
$("input").blur(function(){
$("input").css("background-color","#0f0"); //绿色
});
});
浏览器打开：
1.刷新页面，输入框为白色背景
2.准备键入，输入框获得焦点，输入框背景变为黄色
3.输入结束，失去焦点，输入框背景变为绿色
详说jQuery的focus()、blur()事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。