jQuery的mousemove()函數可以監測鼠標在指定元素內的移動。這個函數可以用來實現各種效果,例如鼠標跟隨、拖拽等。
$(element).mousemove(function(event){ // 在這里寫處理鼠標移動時的代碼 });
其中,element是要監測的元素,可以是選擇器或DOM對象。event是觸發的事件對象,包含了鼠標的坐標、按鍵狀態等信息。
$(document).mousemove(function(event){ var x = event.pageX; var y = event.pageY; // 處理鼠標跟隨效果 });
在這個例子中,我們監測的是文檔的mousemove事件,即全局鼠標移動。通過獲取event對象的pageX和pageY屬性,我們可以得到鼠標當前的坐標。
$(element).on('mousedown', function(event){ $(document).mousemove(function(event){ // 處理拖拽效果 }); $(document).mouseup(function(event){ $(document).off('mousemove'); $(document).off('mouseup'); }); });
在這個例子中,我們先監測element的mousedown事件,當鼠標按下時開始監測mousemove事件,并處理拖拽效果。當鼠標松開時,解除mousemove和mouseup事件的綁定。
總之,jQuery的mousemove函數為我們提供了非常靈活的鼠標移動監測方式,可以根據需求來定制各種效果。