jQuery事件之滑鼠事件

2022-09-13 16:54:11 字數 986 閱讀 3378

滑鼠事件是在使用者移動滑鼠游標或者使用任意滑鼠鍵點選時觸發的。

(1):click事件:click事件於使用者在元素敲擊滑鼠左鍵,並在相同元素上鬆開左鍵時觸發。

$('p').click(function());

(2):dbclick事件:dbclick事件在使用者完成迅速連續的兩次點選之後觸發,雙擊的速度取決於作業系統的設定。一般雙擊事件在頁面中不經常使用。

$('p').dbclick(function());

(3):mousedown事件:mousedown事件在使用者敲擊滑鼠鍵時觸發,跟keydown事件不一樣,該事件僅在按下滑鼠時觸發。

$('p').mousedown(function());

(4):mouseup事件:mouseup事件在使用者鬆開滑鼠時觸發,如果在與按下滑鼠的元素相同元素上鬆開,那麼click事件也會觸發。

$('p').mouseup(function()).click(function());

(5):mouseover事件:mouseover事件於使用者把滑鼠從乙個元素移動到另外乙個元素上時觸發,如果需要知道來自那個元素可以使用,relatedtagrget屬性。

(6):mouseout事件:mouseout事件於使用者把滑鼠移出乙個元素時觸發,這包括從父元素移動到子元素上,或者使用鍵盤跳到元素上。

(5)和(6)這兩個事件一般不常用,很難實現與使用者的互動,也就是說不易捕獲使用者事件。

(7):mouseenter事件:mouseenter事件是在使用者游標進入元素上時觸發。

$('p').mouseenter(function());

(8):mousele**er事件:mousele**er事件是在使用者的游標離開元素時觸發。

$('p').mousele**er(function());

(7)和(8)這兩個事件一般連起來使用,在jquery中可以使用hover這個函式來代替這兩個函式。

$('p').hover(function(),function());

JQuery 滑鼠事件簡介

mouseover事件於使用者把滑鼠從乙個元素移動到另外乙個元素上時觸發,mouseout事件於使用者把滑鼠移出乙個元素時觸發。下面為你詳細介紹下jquery中的滑鼠事件 1 click事件 click事件於使用者在元素敲擊滑鼠左鍵,並在相同元素上鬆開左鍵時觸發 p click function 2...

canvas之滑鼠事件

canvas的滑鼠事件無法直接獲取滑鼠在canvas上的座標,所獲得的座標是相對於整個螢幕的座標,所以,想得到滑鼠在canvas上的座標時,就必須進行轉換。使用getboundingclientrect方法,得到canvas在螢幕上的位置及大小資訊 clientrect bottom 486 hei...

webdriver之滑鼠事件和鍵盤事件

在使用滑鼠操作方法需要匯入actionchains類 from selenium.webdriver.common.action chains import actionchains actionchains類提供了滑鼠操作的常用方法 perform 執行所有actionchains中儲存的行為 c...