jQuery 的58種事件方法你都用過了嗎

web全棧 發表於 2019-09-04

jQuery 事件方法

事件方法觸發或將函式附加到所選元素的事件處理程式。
下表列出了用於處理事件的所有jQuery方法。
方法 描述
bind() 在3.0版中已棄用。 請改用on()方法。將事件處理程式附加到元素
blur() 附加/觸發模糊事件
change() 附加/觸發更改事件
click() 附加/觸發單擊click事件
dblclick() 附加/觸發雙擊事件
delegate() 在3.0版中已棄用。請改用on()方法。將處理程式附加到匹配元素的當前或將來指定的子元素
die() 在1.9版中刪除。刪除使用live()方法新增的所有事件處理程式
error() 在3.0版中刪除。附加/觸發錯誤事件
event.currentTarget 事件冒泡階段中的當前DOM元素
event.data 包含繫結當前執行處理程式時傳遞給事件方法的可選資料
event.delegateTarget 返回附加當前呼叫的jQuery事件處理程式的元素
event.isDefaultPrevented() 返回是否為事件物件呼叫了event.preventDefault()
event.isImmediatePropagationStopped() 返回是否為事件物件呼叫了event.stopImmediatePropagation()
event.isPropagationStopped() 返回是否為事件物件呼叫了event.stopPropagation()
event.namespace 返回觸發事件時指定的名稱空間
event.pageX 返回相對於文件左邊緣的滑鼠位置
event.pageY 返回相對於文件上邊緣的滑鼠位置
event.preventDefault() 阻止事件的預設操作
event.relatedTarget 返回滑鼠移動時輸入或退出的元素
event.result 包含由指定事件觸發的事件處理程式返回的最後/上一個值
event.stopImmediatePropagation() 阻止呼叫其他事件處理程式
event.stopPropagation() 防止事件冒泡DOM樹,防止任何父處理程式被通知事件
event.target 返回哪個DOM元素觸發了該事件
event.timeStamp 返回自1970年1月1日觸發事件以來的毫秒數
event.type 返回觸發的事件型別
event.which 返回為事件按下的鍵盤鍵或滑鼠按鈕
event.metakey 返回為事件觸發時那個 META 鍵是否被按下
focus() 附加/觸發焦點事件
focusin() 將事件處理程式附加到focusin事件
focusout() 將事件處理程式附加到focusout事件
hover() 將兩個事件處理程式附加到懸停事件
keydown() 附加/觸發keydown事件
keypress() 附加/觸發按鍵事件
keyup() 附加/觸發keyup事件
live() 在1.9版中刪除。將一個或多個事件處理程式新增到當前或將來的選定元素
load() 在3.0版中刪除。將事件處理程式附加到load事件
mousedown() 附加/觸發mousedown事件
mouseenter() 附加/觸發mouseenter事件
mouseleave() 附加/觸發mouseleave事件
mousemove() 附加/觸發mousemove事件
mouseout() 附加/觸發mouseout事件
mouseover() 附加/觸發滑鼠懸停事件
mouseup() 附加/觸發mouseup事件
off() 刪除使用on()方法附加的事件處理程式
on() 將事件處理程式附加到元素
one() 向選定元素新增一個或多個事件處理程式。此處理程式每個元素只能觸發一次
$.proxy() 獲取現有函式並返回具有特定上下文的新函式
ready() 指定DOM完全載入時要執行的函式
resize() 附加/觸發resize事件
scroll() 附加/觸發滾動事件
select() 附加/觸發選擇事件
submit() 附加/觸發提交事件
toggle() 在1.9版中刪除。附加兩個或多個函式以在click事件之間切換
trigger() 觸發繫結到所選元素的所有事件
triggerHandler() 觸發繫結到所選元素的指定事件的所有函式
unbind() 在3.0版中已棄用。請改用off()方法。從所選元素中刪除新增的事件處理程式
undelegate() 在3.0版中已棄用。請改用off()方法。現在或將來刪除所選元素的事件處理程式
unload() 在3.0版中已棄用。將事件處理程式附加到unload事件


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69942367/viewspace-2655922/,如需轉載,請註明出處,否則將追究法律責任。


相關文章

[外掛擴充套件]jQueryFileUpload jQuery

[外掛擴充套件]jQueryFileUpload

tw1986112014-04-28樓主 效果如圖。根據jQuery File U
建議把datetimePicker改成jquery的外掛 jQuery

建議把datetimePicker改成jquery的外掛

KingMario2014-08-17樓主 目前使用的基於bootstrape的d
前端基礎入門六(JQuery進階) 前端|jQuery

前端基礎入門六(JQuery進階)

jQuery特殊屬性操作val方法val方法用於設定和獲取表單元素的值,例如input、textarea的值//設定值$("#name").val(“張三”);//獲取值$("#name").val(
Vue中使用jquery Vue|jQuery

Vue中使用jquery

在vue專案中,需要實現某些特定的功能時,使用mvvm模式不易實現。因此引入jquery包來完成需求jquery中的觸發事件可以自己定義在mounted中,如果需要使用vue中data的資料,直接使用
前端基礎入門五(掌握jQuery的常用api,實現動態效果) 前端|jQuery

前端基礎入門五(掌握jQuery的常用api,實現動態效果)

jQuery基本概念學習目標:學會如何使用jQuery,掌握jQuery的常用api,能夠使用jQuery實現常見的效果。為什麼要學習jQuery?【01-讓div顯示與設定內容.html】使用jav
[譯] 2019 年了,為什麼我還在用 jQuery? jQuery

[譯] 2019 年了,為什麼我還在用 jQuery?

譯者按: 看來 jQuery 還是有一些用武之地的。原文: Why I'm Still Using jQuery in 2019譯者: Fundebug為了保證可讀性,本文采用意譯而非直譯。翻譯僅供學
使用Jquery和Ajax的動態依賴選擇框 jQuery

使用Jquery和Ajax的動態依賴選擇框

如何使用Jquery,Ajax,PHP和Mysql進行動態相關選擇框。當在“父”框中進行選擇時,從屬選擇框允許重新整理“子”框列表資料。在這篇文章中,我給出了“catergory”和“subcateg
.Net之使用Jquery Ajax通過FormData物件非同步提交圖片檔案到服務端儲存並返回儲存的圖片路徑 jQuery|.Net

.Net之使用Jquery Ajax通過FormData物件非同步提交圖片檔案到服務端儲存並返回儲存的圖片路徑

前言:  首先對於圖片上傳而言,在我們的專案開發中可以說出現的頻率是相當的高的。這篇文章中,我將要描述的是在我們.Net中如何使用Jquery Ajax通過FormData物件非同步提交圖片檔案到後臺
使用jQuery每10秒自動載入和重新整理Div。 jQuery

使用jQuery每10秒自動載入和重新整理Div。

你有沒有看到這個Twitter搜尋和Facebook顯示最新的推特/帖子數量從資料庫每10秒在頁面頂部。我用jQuery和Ajax開發了這樣的東西。它只是簡單的5行程式碼例1:Index.html包含
jquery 操作HTML data全域性屬性快取的坑 jQuery

jquery 操作HTML data全域性屬性快取的坑

data-* 全域性屬性 是一類被稱為自定義資料屬性的屬性,它賦予我們在所有 HTML 元素上嵌入自定義資料屬性的能力,並可以通過指令碼(一般指JavaScript) 與 HTML 之間進行專有資料的
jQuery select 觸發事件 jQuery

jQuery select 觸發事件

jquery select 觸發事件$('.check').change(function(){ var data= $(this).val(); alert(data);
使用 jQuery 實現分頁功能 jQuery

使用 jQuery 實現分頁功能

<script>function data() { $.ajax({ type: 'get', url: 'http://route.showapi.co