JQuery Mouse是一個JQuery庫的擴展,用于處理鼠標事件的便捷性。通過使用該擴展,你可以方便地監聽鼠標事件,從而實現一些鼠標方面的操作。下面介紹一些常用的JQuery Mouse操作。
$(document).mousemove(function(event) { var msg = "Mouse position: " + event.pageX + ", " + event.pageY; console.log(msg); });
上面的代碼用于監聽鼠標移動事件。每次鼠標移動時,都會在控制臺輸出鼠標當前的位置。
$("a").mouseenter(function() { $(this).addClass("hover"); }).mouseleave(function() { $(this).removeClass("hover"); });
上面的代碼用于監聽鼠標進入和離開鏈接的事件。當鼠標進入鏈接時,會添加一個"hover"的類名;當鼠標離開時,會移除該類名。
$("img").mousedown(function(event) { if (event.which == 3) { alert("Right mouse button clicked on image"); } });
上面的代碼用于監聽鼠標按下事件,并判斷是否是右鍵。當鼠標右鍵按下時,會彈出提示框。
$("#button").click(function() { $("body").css("background-color", "yellow"); }).mousedown(function() { $("body").css("background-color", "red"); }).mouseup(function() { $("body").css("background-color", "green"); });
上面的代碼用于監聽按鈕的點擊、鼠標按下和鼠標松開事件,并分別改變頁面背景色。當按鈕被點擊時,背景色變為黃色;當鼠標按下時,背景色變為紅色;當鼠標松開時,背景色變為綠色。