JQuery是一個(gè)非常流行的JavaScript庫(kù),常常被用來(lái)簡(jiǎn)化Web開(kāi)發(fā)。其中的一個(gè)常用功能是在鼠標(biāo)移動(dòng)時(shí)觸發(fā)事件。這個(gè)功能可以通過(guò)JQuery的on mousemove方法實(shí)現(xiàn)。
$(document).on("mousemove", function(event) { // 執(zhí)行你的代碼 });
上面的代碼將在整個(gè)文檔(document)上監(jiān)聽(tīng)鼠標(biāo)移動(dòng)事件,當(dāng)鼠標(biāo)移動(dòng)時(shí),事件處理程序?qū)⒈徽{(diào)用。在事件處理程序中,你可以執(zhí)行你想要的代碼邏輯。
例如,你可以在事件處理程序中實(shí)時(shí)更新鼠標(biāo)位置:
$(document).on("mousemove", function(event) { var mouseX = event.pageX; var mouseY = event.pageY; // 在頁(yè)面上顯示鼠標(biāo)位置 $("#mouse-pos").text("鼠標(biāo)位置:(" + mouseX + ", " + mouseY + ")"); });
上面的代碼在文檔中找到一個(gè)具有ID為“mouse-pos”的元素,并將其內(nèi)容設(shè)置為當(dāng)前鼠標(biāo)位置。這是一個(gè)簡(jiǎn)單的示例,你可以根據(jù)你的需要自由使用JQuery的on mousemove方法。
上一篇瀏覽器加載css禁用