JQuery Mouse是一個(gè)JQuery庫(kù)的擴(kuò)展，用于處理鼠標(biāo)事件的便捷性。通過(guò)使用該擴(kuò)展，你可以方便地監(jiān)聽(tīng)鼠標(biāo)事件，從而實(shí)現(xiàn)一些鼠標(biāo)方面的操作。下面介紹一些常用的JQuery Mouse操作。

$(document).mousemove(function(event) {
var msg = "Mouse position: " + event.pageX + ", " + event.pageY;
console.log(msg);
});

上面的代碼用于監(jiān)聽(tīng)鼠標(biāo)移動(dòng)事件。每次鼠標(biāo)移動(dòng)時(shí)，都會(huì)在控制臺(tái)輸出鼠標(biāo)當(dāng)前的位置。

$("a").mouseenter(function() {
$(this).addClass("hover");
}).mouseleave(function() {
$(this).removeClass("hover");
});

上面的代碼用于監(jiān)聽(tīng)鼠標(biāo)進(jìn)入和離開(kāi)鏈接的事件。當(dāng)鼠標(biāo)進(jìn)入鏈接時(shí)，會(huì)添加一個(gè)"hover"的類名；當(dāng)鼠標(biāo)離開(kāi)時(shí)，會(huì)移除該類名。

$("img").mousedown(function(event) {
if (event.which == 3) {
alert("Right mouse button clicked on image");
}
});

上面的代碼用于監(jiān)聽(tīng)鼠標(biāo)按下事件，并判斷是否是右鍵。當(dāng)鼠標(biāo)右鍵按下時(shí)，會(huì)彈出提示框。

$("#button").click(function() {
$("body").css("background-color", "yellow");
}).mousedown(function() {
$("body").css("background-color", "red");
}).mouseup(function() {
$("body").css("background-color", "green");
});

上面的代碼用于監(jiān)聽(tīng)按鈕的點(diǎn)擊、鼠標(biāo)按下和鼠標(biāo)松開(kāi)事件，并分別改變頁(yè)面背景色。當(dāng)按鈕被點(diǎn)擊時(shí)，背景色變?yōu)辄S色；當(dāng)鼠標(biāo)按下時(shí)，背景色變?yōu)榧t色；當(dāng)鼠標(biāo)松開(kāi)時(shí)，背景色變?yōu)榫G色。