首頁 >web前端 >js教程 >jQuery中focus事件用法實例_jquery

jQuery中focus事件用法實例_jquery

WBOY
WBOY原創
2016-05-16 16:24:221124瀏覽

本文實例講述了jQuery中focus事件用法。分享給大家供大家參考。具體分析如下:

當元素獲得焦點或呼叫focus()方法時候會觸發focus事件。

一個完整的事件過程,不但要有能夠觸發事件的條件,而且還要有事件處理程序。
可以透過focus()方法為focus事件綁定事件處理程序。例如:

複製程式碼 程式碼如下:
$("input").focus(function(){$(this). css("backgroundColor","re​​d")})

以上程式碼就是將function函數作為事件處理程序透過focus()方法綁定到focus事件。當觸發focus事件的時候,就會調此函數。
實例代碼:

複製程式碼 程式碼如下:






focus事件-腳本之家






     
  • 使用者名稱:

  •  
  • 密碼:





以上程式碼可以為input元素註冊focus事件處理函數,當獲得焦點的時候能夠設定文字方塊的背景色。

希望本文所述對大家的jQuery程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn