首頁 > web前端 > js教程 > jquery怎麼鎖定焦點

jquery怎麼鎖定焦點

(*-*)浩
發布: 2019-05-30 10:46:05
原創
2789 人瀏覽過

想要取得焦點需要使用jQuery的focus方法。

jquery怎麼鎖定焦點

定義和用法

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

當透過滑鼠點選選取元素或透過 tab 鍵定位到元素時,該元素就會獲得焦點。

focus() 方法觸發 focus 事件,或規定發生 focus 事件時執行的函數。

將函數綁定到 focus 事件

語法

$(selector).focus(function)
登入後複製

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

實例:

鎖定焦點

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
 
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后就锁定焦点了。</p>
</body>
</html>
登入後複製

以上是jquery怎麼鎖定焦點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板