jQuery鼠標事件,附實例代碼

jQuery除了選擇器之外，還封裝了很多事件的處理，比如鼠標事件，所謂的鼠標事件是指用戶在移動鼠標光標或者點擊任意鼠標鍵而觸發(fā)的事件，jQuery中封裝了幾乎所有的鼠標事件，包括點擊，雙擊，移出，移入等鼠標事件，下面斷橋殘雪簡單的介紹下jQuery的鼠標事件

jQuery的click事件
經典鼠標click的實例：

$("sel").click(function(){
alert('哈哈 !');
});
jQuery的dbclick事件
一般dbclick事件的同時也會觸發(fā)兩次click事件。。以前我寫過一篇博客簡單的介紹了下jQuery的鼠標雙擊事件

$('p').dbclick(function(){
alert('鼠標雙擊!');
});
$('p').click(function(){
alert('點擊了一下!');
});//大家看看結果是怎么樣的？

jQuery的mousedown事件
mousedown就是在按下鼠標時觸發(fā)的事件
$(’p').mousedown(function(){
alert(’按下了鼠標 !’);
});

jQuery的mouseup事件
同上就是松開鼠標時候觸發(fā)的事件,如果在于按下鼠標的相同元素上松開,那么也會觸發(fā)click事件,mousedown和mouseup事件一般有在div拖拽等效果中

$('p').mouseup(function(){
alert('鼠標起來了 !');
}).click(function(){
alert('點擊了下鼠標!');
});
jQuery的mouseover事件
mouseover事件于用戶把鼠標從一個元素移動到另外一個元素上時觸發(fā)，如果需要知道來自那個元素可以使用，relatedTagrget屬性

jQuery的mouseout事件
mouseout事件于用戶把鼠標移出一個元素時觸發(fā)，這包括從父元素移動到子元素上，或者使用鍵盤跳到元素上。

jQuery的mouseenter事件
和mouseover事件類似,但兩者有區(qū)別

jQuery的mouserleaver事件
同上和mouseout事件類似.

hover事件
其實hover事件內部就是使用了mouseenter和mouseleaver事件,我們可以使用jQuery的hover這個函數來代替上面的兩個函數

$('p').hover(function(){
alert('這個function里放mouseenter 的事件!');
},function(){
alert('這里是mouseleaver function!');
});
這里我們沒有鼠標右鍵事件?其實使用jQuery的mousedown事件然后再函數里判斷就OK了