欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)事件,有需要的朋友來(lái)了解一下。

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

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

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

(2):dbclick事件：dbclick事件在用戶完成迅速連續(xù)的兩次點(diǎn)擊之后觸發(fā)，雙擊的速度取決于操作系統(tǒng)的設(shè)置。一般雙擊事件在頁(yè)面中不經(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事件在用戶松開(kāi)鼠標(biāo)時(shí)觸發(fā)，如果在與按下鼠標(biāo)的元素相同元素上松開(kāi)，那么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ā)，如果需要知道來(lái)自那個(gè)元素可以使用，relatedTagrget屬性。

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

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

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

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

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

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

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

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

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

相關(guān)文章

最新評(píng)論