用法
.mouseup( handler ) => jQuery
.mouseup( handler ) => jQuery
說明:將事件處理程序綁定到 "mouseup" JavaScript 事件,或在元素上觸發該事件。
-
添加的版本:1.0
.mouseup( handler )
-
handler每次觸發事件時執行的函數。
-
-
添加的版本:1.4.3
.mouseup( [eventData ], handler )
-
eventData類型:Anything包含將傳遞給事件處理程序的數據的對象。
-
handler每次觸發事件時執行的函數。
-
-
添加的版本:1.0
.mouseup()
- 此簽名不接受任何參數。
此方法是第一個變體中.on('mouseup', handler)
和第二個變體中.trigger('mouseup')
的快捷方式。
mouseup
事件在鼠標指針懸停在元素上並釋放鼠標按鈕時發送到元素。任何 HTML 元素都可以接收此事件。
例如,考慮 HTML:
|

事件處理程序可以綁定到任何 <div>
:
|
現在,如果我們單擊此元素,則會顯示警報:
.mouseup() 的處理程序被調用。
我們還可以在單擊不同元素時觸發事件:
|
這段代碼執行後,點擊觸發處理程序也會提醒消息。
如果用戶在元素外部單擊、拖到該元素上並釋放按鈕,這仍被視為 mouseup
事件。在大多數用戶接口中,這一係列操作不被視為按鈕按下,因此通常最好使用 click
事件,除非我們知道 mouseup
事件對於特定情況更可取。
其他注意事項:
- 由於
.mouseup()
方法隻是.on( "mouseup", handler )
的簡寫,因此可以使用.off( "mouseup" )
進行分離。
例子:
觸發 mouseup 和 mousedown 事件時顯示文本。
|
演示:
相關用法
- JQuery .mouseenter()用法及代碼示例
- JQuery .mousemove()用法及代碼示例
- JQuery .mouseleave()用法及代碼示例
- JQuery .mouseover()用法及代碼示例
- JQuery .mousedown()用法及代碼示例
- JQuery .mouseout()用法及代碼示例
- JQuery .map()用法及代碼示例
- JQuery .jquery用法及代碼示例
- JQuery .scroll()用法及代碼示例
- JQuery .add()用法及代碼示例
- JQuery .contextmenu()用法及代碼示例
- JQuery .undelegate()用法及代碼示例
- JQuery .load()用法及代碼示例
- JQuery .contents()用法及代碼示例
- JQuery .empty()用法及代碼示例
- JQuery UI .labels()用法及代碼示例
- JQuery UI .addClass()用法及代碼示例
- JQuery .click()用法及代碼示例
- JQuery UI .toggleClass()用法及代碼示例
- JQuery .removeAttr()用法及代碼示例
- JQuery .addClass()用法及代碼示例
- JQuery UI .cssClip()用法及代碼示例
- JQuery .next()用法及代碼示例
- JQuery UI .hide()用法及代碼示例
- JQuery .promise()用法及代碼示例
注:本文由純淨天空篩選整理自jquery.com大神的英文原創作品 .mouseup()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。