jQuery 表單事件focus()和blur()事件
focus()事件
定義和用法
#當(dāng)元素獲得焦點(diǎn)時(shí)，發(fā)生 focus 事件。
當(dāng)透過(guò)滑鼠點(diǎn)擊選取元素或透過(guò) tab 鍵定位到元素時(shí)，該元素就會(huì)獲得焦點(diǎn)。
focus() 方法觸發(fā) focus 事件，或規(guī)定發(fā)生 focus 事件時(shí)執(zhí)行的函數(shù)。
blur()事件
#定義和用法
#當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生 blur 事件。
blur() 函數(shù)觸發(fā) blur 事件，或如果設(shè)定了 function 參數(shù)，函數(shù)也可規(guī)定發(fā)生 blur 事件時(shí)執(zhí)行的程式碼。
提示：早前，blur 事件只會(huì)發(fā)生於表單元素上。在新瀏覽器中，該事件可用於任何元素。
下面我們來(lái)看一個(gè)實(shí)例：
<!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>
請(qǐng)輸入：<input type="text">
<script>
$('input').focus(function(){
$('input').css('background',"red");
})
$('input').blur(function(){
$('input').css('background',"green");
})
</script>
</body>
</html>當(dāng)點(diǎn)擊文字方塊時(shí)，文字方塊獲得焦點(diǎn)，背景顏色變成紅色
當(dāng)點(diǎn)擊文字方塊以外的位置，文字方塊此時(shí)失去焦點(diǎn)，變成綠色
