jquery focus()方法


  翻譯結果:

focus

英[ˈfəʊkəs]   美[ˈfoʊkəs]  

vt.& vi.(使)集中,(使)聚集;調整(鏡頭,眼睛聚集; )焦點[焦距]以便看清

vt.調整(眼睛或鏡頭的)焦距;集中(光束於);聚焦,注視;集中註意力

n.焦點;影像;的清晰度;(活動、注意力、興趣等的)中心;[醫]病灶,病症

jquery focus()方法語法

作用:當元素獲得焦點時,發生 focus 事件。

觸發focus事件語法:$(selector).focus()

#將函數綁定到focus事件語法:$ (selector).focus(function)

參數:

參數
說明
function    可選。規定發生 focus 事件時運行的函數。    

jquery focus()方法範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

熱門推薦

首頁

影片

問答