jquery中常用的事件有哪些

青灯夜游
發布: 2023-01-04 09:15:25
原創
3189 人瀏覽過

jquery中常用的事件有:1、window事件;2、滑鼠事件,是當使用者在文件上方移動或點選滑鼠時而產生的事件,包括滑鼠點選、移入事件、移出事件等;3、鍵盤事件,是使用者每次按下或釋放鍵盤上的按鍵時都會產生事件,包括按下按鍵事件、釋放按鍵按鍵等;4、表單事件,例如當元素獲得焦點時會觸發focus()事件,失去焦點時會觸發blur()事件,表單提交時會觸發submit()事件。

jquery中常用的事件有哪些

本教學操作環境:windows7系統、jquery3.6版本、Dell G3電腦。

一、jQuery事件的分類

##jQuery事件是JavaScript事件的封裝,常用事件分類如下:

1、基礎事件

window事件。滑鼠事件。鍵盤事件。表單事件。

2、複合事件是多個事件的組合

滑鼠遊標停留。滑鼠連續點擊。

二、滑鼠事件

滑鼠事件是當使用者在文件上方移動或點選滑鼠時而產生的事件,常用滑鼠事件有:

jquery中常用的事件有哪些

三、鍵盤事件

使用者每次按下或釋放鍵盤上的按鍵時都會產生事件,常用鍵盤事件如下:

jquery中常用的事件有哪些

四、表單事件

當元素獲得焦點時,會觸發focus()事件,失去焦點時,會觸發blur()事件。

表單提交時會觸發submit()事件。

jquery中常用的事件有哪些

五、綜合範例

jquery中常用的事件有哪些

#需求說明:

    1、使用者名輸入框取得焦點時輸入框背景色為淺藍色,失去焦點時還原為白色背景色。
  • 2、滑鼠移至登入按鈕時字體變粗,移出時整體恢復正常。
  • 3、敲擊鍵盤的「回車」鍵時觸發表單提交事件。

程式碼:

      事件演示示例      
用户登录

jquery中常用的事件有哪些换一张

注册|忘记密码?

登入後複製
效果:

jquery中常用的事件有哪些##【推薦學習:

jQuery影片教學

web前端影片#

以上是jquery中常用的事件有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!