JQuery 滑鼠事件簡介

2022-02-25 09:32:13 字數 725 閱讀 8185

mouseover事件於使用者把滑鼠從乙個元素移動到另外乙個元素上時觸發,mouseout事件於使用者把滑鼠移出乙個元素時觸發。

下面為你詳細介紹下jquery中的滑鼠事件:

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

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

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

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

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

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

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

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

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

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

jQuery事件之滑鼠事件

滑鼠事件是在使用者移動滑鼠游標或者使用任意滑鼠鍵點選時觸發的。1 click事件 click事件於使用者在元素敲擊滑鼠左鍵,並在相同元素上鬆開左鍵時觸發。p click function 2 dbclick事件 dbclick事件在使用者完成迅速連續的兩次點選之後觸發,雙擊的速度取決於作業系統的設定...

js滑鼠事件簡介

2 js的事件 都是以on開頭的,onclick onchange onload onmouseover onmouseout 3 鍵盤事件 滑鼠事件 表單事件 事件分為兩類 1 html事件 直接在html元素上寫 2 dom 0級事件 獲取html元素 事件 執行指令碼 在dom物件上繫結事件 ...

滑鼠事件 跟隨滑鼠移動

案例分析 1.滑鼠不斷移動,使用滑鼠移動事件 mousemove 2.在頁面中不斷移動,給document註冊事件 3.要移動距離,而且不佔位置,我們使用絕對定位 效果 跟隨滑鼠的天使 title 6 style 7img 11style 12head 13 body 14 img src pic....