jQuery 表單事件之focus()和blur()事件
focus()事件
定義和用法
當(dāng)元素獲得焦點時，發(fā)生 focus 事件。
當(dāng)通過鼠標(biāo)點擊選中元素或通過 tab 鍵定位到元素時，該元素就會獲得焦點。
focus() 方法觸發(fā) focus 事件，或規(guī)定當(dāng)發(fā)生 focus 事件時運(yùn)行的函數(shù)。
blur()事件
定義和用法
當(dāng)元素失去焦點時發(fā)生 blur 事件。
blur() 函數(shù)觸發(fā) blur 事件，或者如果設(shè)置了 function 參數(shù)，該函數(shù)也可規(guī)定當(dāng)發(fā)生 blur 事件時執(zhí)行的代碼。
提示：早前，blur 事件僅發(fā)生于表單元素上。在新瀏覽器中，該事件可用于任何元素。
下面我們來看一個實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
請輸入：<input type="text">
<script>
$('input').focus(function(){
$('input').css('background',"red");
})
$('input').blur(function(){
$('input').css('background',"green");
})
</script>
</body>
</html>當(dāng)點擊文本框時，文本框獲得焦點，背景顏色變?yōu)榧t色
當(dāng)點擊文本框以外的位置，文本框此時失去焦點，變?yōu)榫G色
