jQuery鼠標(biāo)事件總結(jié)

更新時(shí)間：2016年10月13日 16:14:53 作者：Mr.Bruce

鼠標(biāo)事件是在用戶移動(dòng)鼠標(biāo)光標(biāo)或者使用任意鼠標(biāo)鍵點(diǎn)擊時(shí)觸發(fā)的。jQuery中封裝了基本上所有的鼠標(biāo)事件包括點(diǎn)擊,雙擊,移動(dòng)等鼠標(biāo)事件,有需要的朋友來了解一下。

鼠標(biāo)事件是在用戶移動(dòng)鼠標(biāo)光標(biāo)或者使用任意鼠標(biāo)鍵點(diǎn)擊時(shí)觸發(fā)的。下面就來系統(tǒng)的介紹一下jQuery鼠標(biāo)事件。

(1):click事件：click事件于用戶在元素敲擊鼠標(biāo)左鍵，并在相同元素上松開左鍵時(shí)觸發(fā)。

$('p').click(function(){
 alert('click function is running !');
}
);

(2):dbclick事件：dbclick事件在用戶完成迅速連續(xù)的兩次點(diǎn)擊之后觸發(fā)，雙擊的速度取決于操作系統(tǒng)的設(shè)置。一般雙擊事件在頁面中不經(jīng)常使用。

$('p').dbclick(function(){
 alert('dbclick function is running !');
}
);

(3):mousedown事件：mousedown事件在用戶敲擊鼠標(biāo)鍵時(shí)觸發(fā)，跟keydown事件不一樣，該事件僅在按下鼠標(biāo)時(shí)觸發(fā)。

$('p').mousedown(function(){
 alert('mousedown function is running !');
}
);

(4):mouseup事件：mouseup事件在用戶松開鼠標(biāo)時(shí)觸發(fā)，如果在與按下鼠標(biāo)的元素相同元素上松開，那么click事件也會(huì)觸發(fā)。

$('p').mouseup(function(){
 alert('mouseup function is running !');
}).click(function(){
 alert('click function is running too !');
 }
 );

(5):mouseover事件：mouseover事件于用戶把鼠標(biāo)從一個(gè)元素移動(dòng)到另外一個(gè)元素上時(shí)觸發(fā)，如果需要知道來自那個(gè)元素可以使用，relatedTagrget屬性。

(6):mouseout事件：mouseout事件于用戶把鼠標(biāo)移出一個(gè)元素時(shí)觸發(fā)，這包括從父元素移動(dòng)到子元素上，或者使用鍵盤跳到元素上。

(5)和(6)這兩個(gè)事件一般不常用，很難實(shí)現(xiàn)與用戶的交互，也就是說不易捕獲用戶事件。

(7):mouseenter事件：mouseenter事件是在用戶光標(biāo)進(jìn)入元素上時(shí)觸發(fā)。

$('p').mouseenter(function(){
 alert('mouseenter function is running !');
}
);

(8):mouseleaver事件：mouseleaver事件是在用戶的光標(biāo)離開元素時(shí)觸發(fā)。

$('p').mouseleave(function(){
 alert('mouseleave function is running !');
}
);

(7)和(8)這兩個(gè)事件一般連起來使用，在jQuery中可以使用hover這個(gè)函數(shù)來代替這兩個(gè)函數(shù)。

$('p').hover(function(){
 alert('mouseenter function is running !');
 },function(){
 alert('mouseleaver function is running !');
 }
 );

希望本文所述對大家學(xué)習(xí)jquery有所幫助。

您可能感興趣的文章:

国产无遮挡裸体免费直播视频,久久精品国产蜜臀av,动漫在线视频一区二区,欧亚日韩一区二区三区,久艹在线免费视频,国产精品美女网站免费,正在播放 97超级视频在线观看,斗破苍穹年番在线观看免费,51最新乱码中文字幕